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高 等 学 校 教 材 . 计算 机 应 用 出 版 说 明 


改革 开放 以 来 ,特别 是 党 的 二 五 大 以 来 ,我 国教 育 事 业 取 得 了 举世 瞩目 的 辉煌 成 就 ,高 等 
教育 实现 了 历史 性 的 跨越 ,已 由 精英 教育 阶段 进入 国际 公认 的 大 众 化 教育 阶段 。 在 质 
量 不 断 提高 的 基础 上 ,高 等 教育 规模 取得 如 此 快速 的 发 展 ,创造 了 世界 教育 发 展 史上 的 
奇迹 。 当 前 ,教育 工作 既 面临 着 千载难逢 的 良好 机 遇 , 同 时 也 面临 着 前 所 未 有 的 严峻 挑 
战 。 社 会 不 断 增长 的 高 等 教育 需求 同 教育 供给 特别 是 优质 教育 供给 不 足 的 矛盾 ,是 现 
阶段 教育 发 展 面临 的 基本 矛盾 。 

教育 部 一 直 十 分 重视 高 等 教育 质量 工作 。2001 年 8 月 ,教育 部 下 发 了 《关于 加 强 
高 等 学 校本 科教 学 工作 ,提高 教学 质量 的 若干 意见 》, 提 出 了 十 二 条 加 强 本 科教 学 工作 
提高 教学 质量 的 措施 和 意见 。2003 年 6 月 和 2004 年 2 月 ,教育 部 分 别 下 发 了 (关于 启 
动 高 等 学 校 教学 质量 与 教学 改革 工程 精品 课程 建设 工作 的 通知 》 和 《教育 部 实施 精品 课 
程 建设 提高 高 校 教 学 质量 和 人 才 培 养 质 量 ) 文 件 ,指出 “高 等 学 校 教学 质量 和 教学 改革 
工程 ?是 教育 部 正在 制定 的 42003 一 2007 年 教育 振兴 行动 计划 ) 的 重要 组 成 部 分 ,精品 
课程 建设 是 “质量 工程 ”的 重要 内 容 之 一 。 教 育 部 计划 用 五 年 时 间 (2003 一 2007 年 ) 建 
设 1500 门 国家 级 精品 课程 ,利用 现代 化 的 教育 信息 技术 手段 将 精品 课程 的 相关 内 容 上 
网 并 免费 开放 ,以 实现 优质 教学 资源 共享 ,提高 高 等 学 校 教学 质量 和 人 才 培 养 质量 。 

为 了 深入 贯彻 落实 教育 部 (关于 加 强 高 等 学 校本 科教 学 工作 ,提高 教学 质量 的 若干 
意见 ?精神 ,紧密 配合 教育 部 已 经 启动 的 “高 等 学 校 教学 质量 与 教学 改革 工程 精品 课程 
建设 工作 ”, 在 有 关 专 家 教授 的 倡议 和 有 关 部 门 的 大 力 支持 下 ,我 们 组 织 并 成 立 了 * 清 
华 大 学 出 版 社 教材 编审 委员 会 (以 下 简称 “ 编 委 会 ”) , 旨 在 配合 教育 部 制定 精品 课程 教 
材 的 出 版 规划 ,讨论 并 实施 精品 课程 教材 的 编写 与 出 版 工作 。“ 编 委 会 "成员 皆 来 自 全 
国 各 类 高 等 学 校 教学 与 科研 第 一 线 的 骨干 教师 ,其 中 许多 教师 为 各 校 相关 院 、 系 主管 教 
学 的 院 长 或 系 主任 。 

按照 教育 部 的 要 求 ,“ 编 委 会 ”一 致 认为 ,精品 课程 的 建设 工作 从 开始 就 要 坚持 高 标 
准 、 严 要 求 ,处 于 一 个 比较 高 的 起 点 上 ; 精品 课程 教材 应 该 能 够 反映 各 高 校 教学 改革 与 
课程 建设 的 需要 ,要 有 特色 风格 有 创新 性 (新 体系 、 新 内 容 、 新 手段 ,新 思路 ,教材 的 内 
容 体 系 有 较 高 的 科学 创新 、 技 术 创新 和 理念 创新 的 含量 ) 先进 性 (对 原 有 的 学 科 体系 有 
实质 性 的 改革 和 发 展 \ 顺 应 并 符合 新 世纪 教学 发 展 的 规律 .代表 并 引领 课程 发 展 的 趋势 
和 方向 ) 、 示 范 性 (教材 所 体现 的 课程 体系 具有 和 较 广泛 的 辐射 性 和 示范 性 ) 和 一 定 的 前 瞻 


性 。 教 材 由 个 人 申报 或 各 校 推荐 (通过 所 在 高 校 的“ 编 委 会 ”成员 推荐 ) ,经 “ 编 委 会 ”认真 评 
审 , 最 后 由 清华 大 学 出 版 社 审 定 出 版 。 

目前 ,针对 计算 机 类 和 电子 信息 类 相关 专业 成 立 了 两 个 “ 编 委 会 ”, 即 “清华 大 学 出 版 社 
计算 机 教材 编审 委员 会 "和 “清华 大 学 出 版 社 电子 信 息 教 材 编审 委员 会 "。 首 批 推出 的 特色 
精品 教材 包括 : 

CD 高 等 学 校 教材 ， 计算 机 应 用 一 一 高 等 学 校 各 类 专业 ,特别 是 非 计算 机 专业 的 计算 
机 应 用 类 教材 。 

(2) 高 等 学 校 教材 . 计算 机 科学 与 技术 一 一 高 等 学 校 计算 机 相关 专业 的 教材 。 

CD 高 等 学 校 教材 电子 信息 一 高 等 学 校 电子 信息 相关 专业 的 教材 。 

(4) 高 等 学 校 教材 "软件 工程 一 高 等 学 校 软件 工程 相关 专业 的 教材 。 

(5) 高 等 学 校 教材 ， 信息 管理 与 信息 系统 。 

(6) 高 等 学 校 教材 ， 财经 管理 与 计算 机 应 用 。 


清华 大 学 出 版 社 经 过 20 多 年 的 努力 ,在 教材 尤其 是 计算 机 和 电子 信息 类 专业 教材 出 版 
方面 树立 了 权威 品牌 ,为 我 国 的 高 等 教育 事业 做 出 了 重要 贡献 。 清 华 版 教材 形成 了 技术 准 
确 、 内 容 严 并 的 独特 风格 ,这 种 风格 将 延续 并 反映 在 特色 精品 教材 的 建设 中 。 


清华 大 学 出 版 社 教材 编审 委员 会 
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A R -Internet 已 经 成 为 一 种 最 基本 的 社会 基础 设施 , 它 几 乎 渗透 到 了 现代 社会 的 每 一 个 
角落 。 无 论 是 IT 专业 人 员 、 其 他 工作 人 员 还 是 一 般 计 算 机 用 户 , 互 联网 已 经 成 为 人 们 
最 主要 的 通信 ,获取 信息 和 发 布 信息 的 媒体 。 互 联网 应 用 的 普及 推动 了 人 们 对 学 习 和 
了 解 Internet 相关 技术 的 社会 需求 。 但 是 , 走 进 书店 或 在 Internet 上 查询 ,关于 互联 网 
的 书籍 铺天盖地 , 令 人 眼花 绕 乱 ,以 至 于 我 们 无 所 适 从 。 为 此 ,我 想 编 写 一 本 介绍 互联 
网 开发 和 应 用 的 综合 性 书籍 ,使 大 家 对 目前 的 互联 网 ,特别 是 Web 技术 从 概念 .原理 和 
应 用 上 有 一 个 总 体 的 了 解 和 把 握 , 这 就 是 本 书 第 1 版 写作 的 初衷 。 

从 2005 年 本 书 第 1 版 的 出 版 到 现在 ,三 年 过 去 了 ,《Web 技术 导论 ) 一 书 受 到 了 许多 
老师 的 认可 ,被 选 作 他 们 的 教科 书 。 我 也 非常 高 兴 地 收 到 了 多 位 任课 教师 的 邮件 ,与 我 交 
流 书 中 的 相关 技术 ,有 些 老师 还 非常 诚 奶 地 对 本 书 提出 了 一 些 良好 建议 ,例如 ,增加 有 关 
Web 服务 .SOA 等 最 新 Web 概念 的 内 容 ,去掉 操作 性 的 多 媒体 制作 章节 ,等 等 。 这 些 良 
好 的 建议 和 这 几 年 来 我 在 Web 开发 中 的 一 些 新 的 认识 和 体会 促使 自己 决定 对 第 1 版 的 
内 容 进 行 彻底 的 修订 ,增加 更 多 新 技术 的 讲解 ,特别 是 Web 环境 下 的 软件 体系 结构 、 设 计 
模式 、 开 发 模式 ,AJAX 技术 等 新 的 内 容 , 从 而 使 本 书 能 够 紧 跟 互联 网 的 发 展 步伐 。 

本 书 作 为 一 本 导论 性 质 的 书籍 ,全 面 介绍 互联 网 的 发 展 历史 、 最 新 的 科学 进展 、 
Web 的 工作 原理 .计算 模式 和 软件 体系 结构 的 演变 、Web 核心 技术 、 互 联网 语言 、Web 
设计 模式 、Web 客户 端 开 发 .Web 服务 端 开发 等 内 容 。 相 信和 这 样 的 内 容 安排 对 大 多 数 
读者 都 会 有 所 帮助 。 如 果 你 是 一 个 初学 者 ,这 本 书 会 为 你 答疑 解 惑 ; 如 果 你 是 一 个 初 
级 的 开发 人 员 ,这 本 书 可 以 为 你 建立 一 个 Web 开发 的 基本 框架 ,引领 你 进入 Web 开发 
的 广阔 天 地 ; 如 果 你 是 一 个 高 级 开发 人 员 ,本 书 的 综合 性 内 容 也 会 为 你 阅读 其 他 专业 
知识 做 一 个 基本 知识 的 铺垫。 

本 书 与 第 1 版 一 样 ,仍然 分 成 6 章 , 主 要 内 容 如 下 : 

第 1 章 Web 基础 。 介 绍 互联 网 的 发 展 和 相关 概念 ,Web 的 工作 机 理 以 及 Java 技 
术 、XML、Web 服务 等 Web 核心 技术 ,还 介绍 了 计算 机 软件 体系 架构 的 演变 和 SOA 体 
系 架 构 的 思想 ,最 后 介绍 了 Web 2.0 和 语义 Web 的 发 展 。 

第 2 章 Web 服务 器 的 架设 和 管理 。 首 先 介 绍 了 操作 系统 和 Web 服务 器 的 概念 ， 
然后 介绍 了 Windows 平台 下 的 Web 服务 器 的 架设 和 管理 ,主要 讲解 了 Windows 
Server 平 台中 的 IIS, X} IIS 的 讲解 比较 简单 ,易于 理解 。 在 理解 了 Web 服务 的 管理 
后 ,重点 讲解 Apache Tomcat 的 架设 和 管理 以 及 Web 应 用 的 部 署 等 。Apache 是 开发 
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Web 应 用 最 常用 的 运行 平台 。 最 后 对 Web 服务 器 的 远程 管理 进行 了 讲解 。 

第 3 章 HTML 和 XML 基础 。 首 先 介 绍 了 标记 语言 的 概念 ,介绍 HTML 标记 语言 的 
基本 语法 ,并 安排 了 大 量 实例 来 说 明 每 种 元 素 的 含义 和 使 用 。 对 HTML 和 XML 的 本 质 区 
别 进行 了 深入 的 分 析 和 总 结 。 讲 解 了 XML 相关 的 规范 ,包括 可 扩展 样式 语言 XSL, XML 
路 径 语 言 XPath, XML 查询 语言 XQuery、 可 扩展 连接 语言 XLL.XML 文档 对 象 模型 DOM 
与 简单 应 用 程序 接口 SAX ,并 对 它们 之 间 的 关系 进行 了 总 结 ,这 些 内容 对 大 家 理解 以 XML 
为 核心 的 Web 技术 具有 重要 意义 。 

第 4 章 网 页 设计 与 制作 。 网 页 是 Web 应 用 的 主要 用 户 界 面 , 在 HTML 和 XML 基础 
上 ,加 强 了 网 页 设计 的 讲解 ,包括 页 面 功 能 与 内 容 设 计 、 页 面 布局 设计 、 页 面 视觉 设计 以 及 页 
面 效果 设计 等 。 然 后 ,介绍 了 可 视 化 的 网 页 制作 工具 FrontPage。 

第 5 章 客户 端 开 发 。 首 先 讲 解 了 Web 浏览 器 的 基本 工作 原理 ,然后 讲解 了 客户 端 脚本 
程序 设计 语言 JavaScript 浏览 器 对 象 模型 BOM, HTML 文档 对 象 模型 DOM, Web 交互 的 
内 容 。 增 加 了 AJAX 技术 的 讲解 ,最 后 详细 讲解 了 两 个 综合 性 客户 端 开 发 实例 。 

第 6 章 服务 端 开 发 。 首 先 介 绍 了 B/S 三 层 结构 的 概念 ,然后 重点 讲解 了 Java 技术 及 其 
在 Web 开发 中 的 应 用 ,包括 Java 程序 设计 语言 .Java Applet, JavaBeans, Servlet 服务 器 程 
序 JSP 技术 以 及 MVC 设计 模式 。 在 JSP 技术 中 ,讲解 了 JSP 的 语法 、 内 置 对 象 数 据 库 操 
WE ,图 形 操作 等 许多 实用 的 内 容 。 最 后 ,讲解 了 在 线 聊 天 Web 应 用 的 整个 开发 过 程 , 同 时 对 
常用 的 Java 开发 工具 进行 了 介绍 。 

作为 互联 网 的 用 户 和 Web 技术 的 开发 者 和 实践 者 ,同时 ,作为 一 个 公司 派 的 高 校 教师 ， 
虽然 我 的 初 瑞 是 要 使 本 书 既 包含 较 广 的 理论 知识 ,又 有 很 好 的 技术 内 容 , 但 是 要 真正 地 将 理 
论 和 技术 结合 起 来 是 很 困难 的 。 一 方面 是 Web 相关 的 技术 实在 太 多 ,作者 本 人 的 知识 面 和 
认识 有 限 ,加 之 时 间 仓 促 ; 再 者 是 考虑 到 读者 的 实际 应 用 需求 非常 多 样 , 很 想 把 一 些 更 实用 
的 软件 代码 介绍 给 大 家 ,并 进行 讲解 ,但 是 受到 篇 幅 的 限制 ,也 不 能 如 愿 。 

在 本 书写 作 的 过 程 中 ,我 要 非常 感谢 我 的 同事 巩 裕 伟 教授 ,他 是 一 名 优秀 的 老师 ,总 是 
将 计算 机 技术 深入 浅 出 地 传授 给 学 生 , 受 到 学 生 的 普遍 欢迎 ; 同时 ,他 还 是 一 位 很 好 的 程序 
员 , 编 写 了 大 量 的 Java、JSP、VB 程序 和 数据 库 应 用 系统 ; 另外 ,他 还 是 一 位 出 色 的 作者 ,我 
们 合作 编写 过 许多 计算 机 的 书籍 。 我 要 感谢 我 的 同事 焦 文 江 老 师 , 他 对 网 络 环境 有 着 很 深 
入 的 研究 ,对 网 络 设 备 非常 熟悉 ,对 待 工作 总 是 认真 负责 。 同 时 我 要 感谢 参与 本 书 编写 工作 
的 杨 兴 强 、 吕 刚 . 阐 狠 和 李 芍 几 位 老师 。 还 要 感谢 我 的 学 生 苏 雪 、 常 跃 峰 、 崔 旭 和 朱 岩 ,编写 了 
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旭 教 授 . 王 海洋 教授 、 马 军 教授 . 张 彩 明教 授 、 徐 秋 况 教授. 龙 世 立 研究 员 ,作为 领导 .同事 和 朋 
友 , 他 们 在 学 术 上 和 事业 上 都 给 了 我 很 大 的 帮助 。 还 要 感谢 山东 大 学 研究 生 院 的 立项 资助 。 
最 后 ,要 感谢 Internet 本 身 ,是 它 为 我 们 提供 了 海量 的 信息 和 如 此 快速 ,便捷 的 交流 平台 。 

由 于 本 书 涉及 的 内 容 非常 广泛 ,在 深度 和 广度 上 很 难 做 到 完美 .加 之 作者 水 平 有 限 , 书 
中 难免 存在 错误 和 不 足 , 请 读者 批评 指正 。 

作者 E-mail: hxw@sdu. edu. cn. 

本 书 配套 课件 等 资源 可 以 从 清华 大 学 出 版 社 网 站 http://www. tup. tsinghua. edu. cn 下 载 。 


作 者 
2008 年 11 H 


高 等 学 校 教 材 , 计算 机 应 用 


第 1 章 ”Web 基础 


本 网 EIL LL E E E 
2 E E E E 


1.2.1 WAE Web s 
1.2.2 Web 的 工作 原理 … 
1.2.3 浏览 器 … 
1.3 概念 及 术语 - 
1.4 Web 相关 技术 … 


EAE S EEE E mmm emen 


1 
1.4.2 Java 技术 
1.4.3 XML 技术 
1.4.4 Web 服务 … 
i 


1.5 Web RERI — 


j P 5, 1 Web 2.0 Mekhhh hh hh hh hh hh hh hh hh hh hm hh hh hh hh hh hh hh hh hh nn 
1.5.2 语义 Web EE 
思考 题 


第 2 章 Web 服务 器 的 架设 和 管理 


2.1 操作 系统 与 Web 服务 器 
2.1.1 Web 服务 器 ……… 
2.1.2 主流 Web 服务 器 简介 

2.2 使 用 Internet 信息 服务 … 


2.2.2 安装 IS 


2.2.3 Internet 信息 服务 管理 器 MM 


2.3 创建 Web 站 点 e 


2.2.1 什么 是 Internet 信息 服务 pp 


— 0 口中 上 性 


Web 技 术 导论 (第 2 版 ) 


2.5 


2.6 
2.7 


2. 
2. 
2. 
2. 
Web 站 点 的 配置 .pp 
2. 
2. 
2. 
.4.4 


2 
2. 


使 用 Apache 和 Tomcat. «e 


mop om qom mon pe 


3.1 
3.2 
3.3 
3.4 


4.1 
4.2 


4.3 


4.5 


Danag 
n ON & ONA 


5.8 


创建 Web 站 点 … Ris UI RENE ER SERERE 
Web 站 点 的 启动 ,停止 和 暂停 - 
规划 Web 应 用 … 
连接 到 Web 站 点 - 


设置 Web 站 点 端口 号 …- 
设置 Web 站 点 主 目录 ……… 
Web 站 点 目录 安全 性 配置 
设置 Web 站 点 默认 文档 … 
设置 Web ñi HTTP% > 


Apache 与 Tomcat seme m e 
Apache MRAM Rache e PP 
Tomcat 服务 与 Servlet/JSP 规范 pp 
v WP E TRES T 
Tomcat 的 安装 和 配置 NUR UNTER 
建立 并 部 署 Web Wem HH 

使 用 虚拟 目录 - 

Apache 和 Tomcat 的 关系 


IIS 和 Tomcat 的 整合 SRR 


2. 
2.7.2 基于 浏览 器 的 服务 器 远程 管理 eR 


2. 


思考 题 ， 
标记 


3.1 


3.2 


3. 


7.1 


7.3 


1.1 


语言 及 其 发 展 … 


— M AAEN TEREE 


对 网 站 的 远程 管理 - 


标准 通用 标记 语言 (SGML) ee 


3.1.2. 超 文本 标记 语言 (HTMIL) pp 


3. 


3. 


超 文本 标记 语言 HTML eeeeeeeeeem Hee 
aS 
RS 
L2. 
rád 
.2.5 
.2.6 


3 
3 
3 
3 
3 
3 


1.3 
1.4 


可 扩展 HTML 规范 XHTML RARI 
可 扩展 标记 语言 (XML) - 


HTML 标记 请 法 和 文档 缚 构 sunm 
文件 头 标记 及 子 标记 

文件 体 标记 及 其 属性 
文档 内 容 常 用 标记 ee 
a 
ee 


3. 4 


3.5 


RAE BE enn m m 
第 4 章 网 页 设计 与 制作 
页 设计 基础 ， 


4.1 


4.2 


3.2.7 
3.2.8 
3.2.9 


3.2.10 Wi - 
扩展 标记 语言 XML 


VE 


8 op oops 
O ONON & Co to 


3. 


3.4.1 
3.4.2 
3.4.3 


其 他 相关 技术 eem 


3.5.1 
3.5.2 


4.1.1 
4.1.2 
4.1.3 
4.1.4 


使 用 FrontPage 


4.2.1 
4.2.2 
4.2.3 


层次 块 标记 ee 


对 象 和 脚本 程序 标记 - 
EFE CSS BUR - 


XML 技术 简介 … 
XML 文档 结构 … 
文档 类 型 定义 DTD 
XML 架构 及 其 应 用 … 
可 扩展 样式 语言 XSL 
XML 路 径 语言 XPath … 
XML 查询 语言 XQuery + 
可 扩展 连接 语言 XLL 


XML 文档 对 象 模型 DOM 与 简单 应 用 程序 接口 SAX mH 
XML 开发 环境 XMLSpy = NS 


XMLSpy 简介 
XMLSpy 基础 
系统 建 模 与 数据 验证 … 


DHTML 技术 
SHTML 技术 


页 面 功能 与 内 容 设 计 … 

页 面 布局 设计 
页 面 视 觉 设 计 
页 面 效果 设计 … 


FrontPage 主 窗 口 …… 
网 站 的 新 建 与 维护 
新 建 网 页 … 


建立 超 链接 或 书签 … 
EBORE en 


* 113 


* 144 
: 152 
: 158 
: 158 
* 158 
: 159 


: 160 


: 160 
: 160 
* 161 
”164 
”165 
: 166 
: 166 
: 167 
* 173 
”174 
”174 
* 175 
» 176 
* 178 
LA REM eene nennen enne nnne nne 


179 


10 


Web 技 术 导论 (第 2 版 ) 


4.3.6 


4.4.1 
4.4.2 


定义 和 使 用 样式 …… 


4.5.1 
4.5.2 


使 用 IntelliSense 技术 
使 用 行为 面板 … 


ee 


4.6.1 
4.6.2 


思考 题 … 


Sl 


5.2 


TPA 
VIA 


Frame 框架 网 页 «HH 186 
使 用 浮动 框架 IFrame eeeeeeeeeeeeeeeenMMHHHHMMMHeHHMHMHyHMeesf 189 


浏览 器 La NE che — Á—— EE T 
脚本 语言 规范 与 主要 的 客户 端 脚本 语言 . BST 


ias 程序 设计 基础 ………………-- ———— METÀ 


«2,1 
.2.2 
.2.3 
.2.4 
.2.5 
.2.6 


Wana 


5.3.1 
5.3.2 


事件 驱动 及 事件 处 理 - 


JavaScript IR fp ee MH 196 
数据 和 数据 类 型 … 
常量 和 变量 … 


3E ESKA ER IITE E M MM 203 
jussus ^B EISE 二 


5.4.1 
5.4.2 


常用 内 部 对 象 及 函数 … 


5.5.1 
5.5.2 
5.5.3 
5.5.4 
5.5.5 


JavaScript 浏览 器 对 象 模型 BOM 


5.6.1 
5.6.2 
5.6.3 


奖 与 对 象 的 概念- 
对 象 的 操作 …- 


Date 对 象 13 


BOM 层次 结构 . 
navigator XPE «ee HH 224 


5.9 


5.10 综合 举例 … 
5.10.1 一 个 Web 课件 框架 eee 
5.10.2. 一 个 文本 文档 批注 系统 …… 
5.10.3 ”创建 折 秋 式 菜单 … 
思考 题 … 


第 6 章 服务 端 开发 …… 


6.1 


6.2 


6.3 


6.4 


5.6.4 frames X4 
5.6.5 location 对象 
5.6.6 history 对 象 
5.6.7 screen 对 象 ………… 
5.6.8 event 对 象 … 
HTML 文档 对 象 模型 DOM … 
5.7.1. 文档 对 象 模型 DOM … 
5.7.2 HTML DOM 对 象 
Web 交互 … ETT 

5.8.1 使 用 form 实现 Web 页 面 的 信息 

5.8.2 (E) frame 实现 更 复杂 的 交互 … 
使 用 AJAX 技术 … 
5.9.1 AJAX 基础 
5.9.2 XMLHttpRequest 对 象 


B/S 三 层 体系 结构 与 Web 服务 器 脚本 程序 
6.1.1 B/S 三 层 体系 结构 … 
6.1.2 脚本 引擎 与 服务 端 脚本 程序 … 

Java 程序 设计 … x 


6.2.1 Java 语言 的 特点 
6.2.2 Java 程序 设计 语言 
6.2.3 类 与 对 象 - 

6.2.4 接口 ……… 

6.2.6 Java 基础 类 库 


Java Applet «me HH] HH nene 
6.3.1 Applet 类 

6.3.2 Applet 交互 s 
6.3.3 在 HTML A 
JavaBeans 
6.4.1 什么 是 JavaBeans … 
6.4.2 JavaBean 的 属性 ,方法 和 事件 … 


6.4.3 Enterprise JavaBeans 


Web 技 术 导论 (第 2 版 ) 


6.5 Servlet 服务 器 程序 
6.5.1 Servlet 与 CGI 
6.5.2 Servlet 编程 … 


6.6 JSPHOR = 319 
6.6.1 JSP 的 运行 环境 320 
6.6.2 JSP 的 语法 结构 … … 321 
6.6.3 JSP 内 置 对 象 …… … 324 
6.6.4 在 JSP 中 使 用 JavaBean 327 
6.6.5 JDBC 与 数据 库 操作 … 329 
6.6.6 JSP 与 图 形 … 334 


6.7 MVC 设计 模式 …… … 341 


6.7.1 MVC 设计 思想 … 341 
6.7.2 {EJH JavaBeans 实现 业务 逻辑 … 342 
6.7.3 使 用 css 控制 显示 视图 ………… 353 

6.8 综合 举例 一 一 在 线 聊天 程序 353 
6.8.1 RWT ee 353 
6.8.2 客户 端 设计 354 
6.8.3 服务 端 设计 364 

6.9 Java 开发 工具 简介 eM 369 
6.9.1 JDK(Java Development Kit) … 370 
6.9.2 Sun NetBeans 集成 开发 环境 … 370 
6.9.3 JBuilder 开发 环境 8 371 
6.9.4 Eclipse 开发 平台 371 
6.9.5 JDeveloper 开发 框架 … 372 
6.9.6 其 他 工具 和 资源 … 372 

ET EI 373 
参考 文献 …… 374 


今天 ,互联 网 已 经 成 为 使 用 最 广泛 的 传播 媒体 , 它 正 在 改变 着 人 们 的 工作 .生活 和 娱乐 
方式 。 通 过 Internet, 人 们 可 以 收发 电子 邮件 ,进行 网 上 学 习 、 网 上 购物 ,开展 网 上 讨论 、 网 
上 聊天 、 网 络 游戏 ,观看 网 上 电视 等 。 通 过 Internet, 人 们 还 可 以 在 网 上 发 布 信息 、 检 索 信 
息 、 开 展商 务 活动 等 。 随 着 网 络 带宽 的 不 断 提高 ,网络 基础 设施 的 进一步 完善 ,联网 主机 和 
互联 网 用 户 正 在 以 惊人 的 速度 增长 ,Internet 就 像 空 气 一 样 正在 渗入 到 我 们 生活 的 每 一 个 
角落 。 本 章 简 要 介绍 Web 的 有 关 概 念 、 相 关 技术 以 及 Web 的 发 展 趋势 。 


14 Intemet 与 万 维 网 


1946 年 ,第 一 台电 子 计 算 机 * 爱 尼 亚 克 ”(ENIAC) 在 美国 宾夕法尼亚 大 学 莫 尔 电子 工程 
学 院 诞生 。 这 种 计算 技术 的 革命 , 透 出 了 数字 信息 时 代 的 第 一 缕 曙 光 。 随 后 , 微 电 子 技术 和 
计算 机 技术 的 发 展 日 新 月 异 。 为 了 进一步 提高 计算 机 的 使 用 效率 ,人 们 需要 将 不 同 的 计算 
机 连接 起 来 ,传递 数据 ,共享 资源 ,因此 计算 机 网 络 诞生 了 。 

20 世纪 60 年 代 , 出 现 了 各 式 各 样 的 计算 机 网 络 , 来 实现 计算 机 之 间 的 通信 和 资源 共 
xx, 1969 年 ,美国 国防 部 高 级 研究 计划 署 ARPA 资助 了 一 个 有 关 广 域 网 络 的 项 目 , 开 发 一 
个 称 作 阿 帕 网 (ARPANet) 的 网 络 , 它 的 主要 思想 是 构建 一 个 没有 中 央 控 制 结 点 的 计算 机 网 
络 , 以 便 使 军事 计算 机 系统 在 受到 打击 后 不 会 因为 部 分 毁坏 而 导致 整个 计算 机 网 络 的 瘫痪 。 

1969 年 11 月 21 日 中 午 ,6 名 科学 家 聚会 美国 加 利 福 尼 亚 大 学 洛杉矶 分 校 的 计算 机 实 
验 室 , 观 看 这 里 的 一 台 计 算 机 与 远 在 千里 之 外 的 斯 坦 福 研究 所 的 另 一 台 计 算 机 联通 。 这 是 
一 个 历史 性 的 时 刻 , 正 像 20 年 后 (时 代 》 周 刊 的 评论 : 这 些 研究 者 根本 没有 想到 ,他 们 不 只 
是 连接 了 两 台 计 算 机 ,而 是 宣告 了 网 络 世 界 的 到 来 。 

到 1970 年 ,ARPANet 已 初 具 雏 形 , 已 经 将 加 利 福 尼 亚 州 大 学 洛杉矶 分 校 ` 加 州 大 学 圣 
巴巴 拉 分 校 斯 坦 福 大 学 、 犹 他 州 大 学 四 所 大 学 的 4 台 计 算 机 以 分 组 交换 协议 连接 起 来 , 实 
现 了 不 同型 号 .不同 操作 系统 .不 同 数据 格式 .不 同 终端 的 计算 机 之 间 的 通信 和 资源 共享 。 

1972 年 ,ARPANet 已 建成 40 多 个 网 点 ,开发 出 了 三 项 主要 的 功能 , 即 以 后 被 广泛 使 用 
的 电子 邮件 ,远程 登录 和 文件 传输 。1974 年 ,著名 的 TCP/IP 协议 研究 成 功 ,彻底 解决 了 不 
同 计算 机 系统 之 间 的 通信 间 题 ,计算 机 互联 的 主要 障碍 被 解决 。 

1975 年 ,ARPANet 的 运行 管理 移交 给 美国 国防 通信 局 (DCA)。1982 年 DCA 将 
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ARPANet 各 站 点 的 通信 协议 全 部 转 为 TCP/IP, 同 时 ARPANet 被 分 成 两 部 分 ,一 部 分 作 
为 军用 , 称 为 MILnet, 另 一 部 分 作为 民用 ,ARPANet 开始 从 一 个 实验 型 网 络 向 实用 型 网 络 
转变 ,从 而 成 为 全 球 Internet 正式 诞生 的 标志 。 

如 果 把 Internet 的 发 展 划 分 阶段 的 话 ,那么 1969 一 1984 年 的 这 个 时 期 可 以 看 成 是 
Internet 的 提出 、 研 究 和 试验 阶段 ,这 时 的 Internet 以 ARPANet 为 主干 网 由 于 
ARPANet 采用 离散 结构 ,不 设 中 央 网 络 控 制 设备 ,实现 了 网 络 渠道 的 多 样 性 ,从 而 减少 了 
系统 彻底 崩溃 的 可 能 性 ,网 络 的 生存 能 力 得 到 了 保证 ,实现 了 ARPA 的 最 初 构想 。 

后 来 ,Internet 的 发 展 超出 了 任何 人 的 想象 。 从 1984 年 到 1992 年 可 以 看 做 是 Internet 
的 实用 发 展 阶段 。 为 了 使 全 美国 的 科学 家 和 工程 师 都 能 够 共享 那些 过 去 只 有 军事 部 门 和 少 
数 科 学 家 才能 够 使 用 的 超级 计算 机 设施 ,美国 国家 科学 基金 会 NSF (National Science 
Foundation) F 1985 年 提供 巨 资 建设 了 全 美 5 个 超级 计算 中 心 ,同时 建设 了 将 这 些 超 级 计 
算 中 心 和 各 科研 机 构 相 连 的 高 速 信息 网 络 NSFnet。1986 年 NSFnet 成 功 地 成 为 Internet 
的 第 二 个 骨干 网 。NSFnet 对 Internet 的 推广 起 到 了 巨大 的 推动 作用 , 它 使 得 Internet 不 再 
是 仅 有 科学 家 工程师 .政府 部 门 使 用 的 网 络 ,Internet 进入 了 以 资源 共享 为 中 心 的 实用 服 
务 阶段 。 以 连接 NSFnet 的 局 域 网 数量 为 例 ,1988 年 7 月 只 有 170 个 ,到 1992 4E 1 月 这 一 
数量 就 发 展 到 4500 个 。 

1992 年 以 后 Internet 开始 进入 它 的 商业 化 发 展 阶段 ,Internet 用 户 开始 向 全 世界 扩展 ， 
并 以 每 月 15% 的 速度 迅速 增长 ,每 30 分 钟 就 有 一 个 网 络 连 入 Internet。 随 着 网 上 通信 量 的 
急剧 增长 ,Internet 开始 不 断 采 用 新 的 技术 以 适应 发 展 的 需求 ,其 主干 网 由 政府 部 门 资助 开 
始 向 商业 计算 机 公司 、 通 信 公 司 转化 。 

在 Internet 商业 化 的 过 程 中 ,万 维 网 (World Wide Web. WWW) 的 出 现 , 使 Internet 的 
使 用 更 简单 ,更 方便 ,开创 了 Internet 发 展 的 新 时 期 。1989 年 ,在 瑞士 日 内 瓦 粒子 物理 研究 
实验 室 欧 洲 核子 研究 中 心 CCERN) 工 作 的 蒂 姆 。 伯 纳 斯 。 李 (Tim Berners-Lee) 首 先 提 出 了 
WWW 的 概念 ,并 且 成 功 地 开发 出 世界 上 第 一 个 万 维 网 服务 器 和 第 一 个 万 维 网 客户 机 。 同 
年 底 , 蒂 姆 为 他 的 发 明正 式 定名 为 World Wide Web( 万 维 网 ); 1991 年 5 月 万 维 网 在 因 特 
网 上 首次 露面 ,立即 引起 禾 动 ,迅速 被 广泛 推广 应 用 。 

在 WWW 的 发 展 中 ,还 有 一 位 杰出 的 人 物 , 他 就 是 马克 … 安德森 ,是 他 改造 了 Internet 的 
使 用 界面 。 在 早期 ,万 维 网 只 有 文字 ,没有 图 像 .声音 ,也 没有 色彩 。 对 普通 用 户 来 说 , 仍 缺 乏 
一 种 简单 的 使 用 界面 。 安 德 森 在 就 读 伊利 诺 斯 大 学 时 ,开始 在 学 校 里 的 国家 超级 计算 中 心 
(NCSA) 兼 职工 作 , 由 于 感觉 到 Internet 界面 的 难于 使 用 ,他 和 同事 贝 纳 一 起 合作 ,经 过 6 个 星 
期 的 辛苦 工作 ,终于 在 1993 年 1 月 有 了 初步 成 果 , 写 出 了 UNIX 版 的 马赛 克 (Mosaic) 浏 览 器 。 

美国 著名 信息 专家 《数字 化 生存 (Being Digital)》 一 书 的 作者 尼 古 拉 。 尼 葛 洛 庞 帝 
(Nicholas Negroponte) 教 授 认 为 : 1989 年 是 互联 网 历史 上 划时代 的 分 水 岭 ,这 一 年 出 现 的 
万 维 网 技术 给 Internet 赋予 了 强大 的 生命 力 , 把 Internet 带 入 了 一 个 轩 新 的 时 代 。 


12 Web 概述 


1990 年 ,瑞士 日 内 瓦 世界 上 最 大 的 粒子 物理 研究 实验 室 欧洲 核子 研究 中 心 CERN (the 
European Organization for Nuclear Research) 提 出 了 World Wide Web(WWW) 的 概念 , 它 
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是 Internet 技术 、. 超 文本 技术 和 多 媒体 技术 相 结合 的 产物 。 当 时 , 核 物理 的 研究 是 分 散在 不 
同 国家 进行 的 ,各 地 的 研究 人 员 通 过 计算 机 网 络 和 Internet 进行 学 术 交 流 。 在 Internet 中 
信息 交流 还 没有 一 种 统一 的 手段 ,因此 ,根据 交流 的 信息 不 同 (如 图 片 .文字 等 ) 需 要 调用 不 
同 的 Internet 服务 ,很 不 方便 。1989 年 3 月 .CERN 的 Tim Berners-Lee 开发 了 一 个 超级 文 
本 系统 ,1990 年 底 , 第 一 个 基于 字符 界面 的 Web 客户 浏览 程序 开发 成 功 ,1991 年 3 月 ,客户 
浏览 程序 开始 在 Internet. 上 运行 ,1991 年 底 CERN 向 高 能 物理 学 界 宣布 了 Web 服务 。 


121 什么 是 Web 


什么 是 Web 呢 ? 从 万 维 网 诞生 起 ,人 们 并 没有 给 它 一 个 确切 的 定义 。 我 们 可 以 从 
Internet 的 构成 和 服务 来 理解 Web。 

Internet 是 一 个 网 络 上 的 网 络 ,或 者 说 是 一 个 全 球 范围 的 网 间 网 。 在 Internet 中 ,分布 
了 成 千 上 万 的 无 以 计数 的 计算 机 ,这 些 计算 机 扮演 的 角色 和 所 起 的 作用 不 同 。 有 的 计算 机 
可 以 收发 用 户 的 电子 邮件 ,有 的 可 以 为 用 户 传输 文件 ,有 的 负责 对 域名 进行 解析 ,更 多 的 机 
器 则 用 于 组 织 并 展示 本 网 络 的 信息 资源 ,方便 用 户 的 获取 。 所 有 这 些 承担 服务 任务 的 计算 
机 我 们 统称 为 服务 器 。 根 据 服务 的 特点 来 区 分 ,又 分 为 邮件 服务 器 文件 传输 服务 器 .DNS 
服务 器 、Web 服务 器 等 。 

所 谓 Web 服务 器 ,就 是 将 本 地 的 信息 用 超级 文本 组 织 , 向 用 户 提供 在 Internet. 上 进行 
信息 浏览 服务 的 计算 机 。 因 此 ,Web 或 者 说 World Wide Web, 是 由 Internet 中 称 为 Web 
信息 服务 器 的 计算 机 组 成 的 ,它们 由 那些 希望 通过 Internet 发 布 信息 的 机 构 提 供 并 管理 。 
在 Web 世界 里 ,每 一 个 Web 服务 器 除了 提供 自己 独特 的 信息 服务 外 ,还 可 以 用 超 链接 指向 
其 他 的 Web 服务 器 ,那些 Web 服务 器 又 可 以 指向 更 多 的 Web 服务 器 ,这 样 一 个 全 球 范 围 
的 由 Web 服务 器 组 成 的 World Wide Web( 万 维 网 ) 就 形成 了 。 


122 Web 的 工作 原理 


上 面 我 们 已 经 多 次 提 到 Web 服务 器 和 客户 机 ,那么 什么 是 Web 服务 器 和 Web 客户 机 
呢 ? 我们 知道 ,万 维 网 是 由 分 布 在 Internet 中 的 Web 服务 器 组 成 的 。 要 使 一 台 计 算 机 成 为 
一 台 Web 服务 器 ,一 般 需 要 服务 器 操作 系统 ,例如 UNIX、Windows Server 2003、Linux 等 
网 络 操 作 系 统 ,并 且 还 要 安装 专门 的 信息 服务 器 程序 ,如 Windows 中 的 Internet 信息 服务 
器 IISCInternet Information Server)、Apache Tomcat 等 。 要 成 为 Web 客户 机 很 简单 ,将 计 
算 机 连接 到 Internet, 并 安装 通用 的 客户 端 软件 , 即 Internet Explorer、 Netscape、Maxthon 
( 邀 游 )、Firefox( 火 狐狸 ) 等 浏览 器 程序 。 

万 维 网 的 运行 是 一 种 典型 的 浏览 器 /服务 器 (Browser/Server, B/S) 模 式 。 典 型 的 B/S 
体系 结构 将 计算 机 应 用 分 成 三 个 层次 , 即 客户 端 浏 览 器 层 、Web 服务 器 层 和 数据 库 服 务 器 
层 。B/S 体系 结构 有 许多 优点 : 它 简 化 了 客户 端的 维护 ,所 有 的 应 用 逻辑 都 是 在 Web 服务 
器 上 配置 的 。 更 主要 的 是 ,B/S 应 用 模式 突破 了 传统 的 C/S 模式 中 计算 机 应 用 对 局 域 网 的 
局 限 ,从 而 将 计算 机 应 用 分 布 到 整个 互联 网 中 ,用户 可 以 在 任何 地 方 登录 Web 服务 器 ,按照 
用 户 角 色 ,执行 自己 的 业务 程序 。 
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在 万 维 网 中 ,通过 HTTP 协议 实现 客户 端 (浏览 器 ) 和 Web 服务 器 的 信息 交换 , Web 的 
基本 工作 原理 如 图 1-1 所 示 。 


HTTP 请 求 HTTP 请 求 ws ETT 
浏览 器 - Cum 服务 器 |= 服务 器 
HTML 或 HTML 或 


XML 文档 XML 文档 
图 1-1 Web 的 工作 原理 


在 浏览 器 地 址 栏 中 ,用 户 输入 要 访问 的 网 页 网 址 URLChttp:// 网 址 /路 径 /文件 名 . 扩 
展 名 ) ,向 Web 服务 器 提出 HTTP 请 求 。Web 服务 器 根据 URL 中 指定 的 网 址 、 路 径 和 网 
页 文件 , 调 出 相应 的 HTML, XML 文档 或 JSP、ASP 文件 ,根据 文档 的 类 型 , Web 服务 器 决 
定 是 执行 文档 中 的 脚本 程序 ,还 是 直接 将 网 页 文件 传送 到 客户 端 。 

现在 一 般 的 Web 应 用 都 是 和 数据 库 结 合 在 一 起 的 ,服务 器 端 脚本 程序 主要 负责 和 数据 
库 服务 器 建立 连接 并 完成 必要 的 数据 查询 、 插 入、 删除、 更 新 等 数据 库 操作 ,然后 利用 获得 的 
数据 产生 一 个 新 的 包含 动态 数据 的 HTML. 或 XML 文档 ,并 将 其 发 送 给 客户 端 Web 浏览 
器 。 最 后 由 Web 浏览 器 解释 该 文档 ,在 浏览 器 窗口 中 显示 给 用 户 。 


123 浏览 器 


浏览 器 (Browser) 就 是 前 面 经 常 提 到 的 Web 客户 端 程序 ,用 户 要 浏览 Web 页 面 必须 在 
本 地 计算 机 上 安装 浏览 器 软件 。 通 过 在 浏览 器 地 址 栏 中 输入 URL 资源 地 址 ,将 Web 服务 
器 中 特定 的 网 页 文件 下 载 到 客户 端 计算 机 中 ,并 在 浏览 器 打开 。 因 此 ,从 本 质 上 讲 , 浏 览 器 
是 一 种 特定 格式 的 文档 阅读 器 , 它 能 够 根据 网 页 内 容 , 对 网 页 中 的 各 种 标记 进行 解释 显示 。 
此 外 ,浏览 器 又 是 一 种 程序 解释 机 ,如 果 网 页 中 包含 客户 端 脚本 程序 ,浏览 器 将 执行 这 些 客 
户 端 脚本 代码 ,从 而 增强 网 页 的 交互 性 和 动态 效果 。 不 同 版 本 的 浏览 器 都 需要 遵循 HTML 
规范 中 定义 的 标记 集 , 同 时 为 了 便于 脚本 编程 ,每 个 浏览 器 程序 本 身 也 提供 了 相应 的 浏览 器 
内 置 对 象 , 类 似 于 传统 软件 开发 中 的 函数 库 及 其 标准 库 函 数 。 

在 Web 发 展 初期 ,浏览 器 程序 主要 分 为 两 类 。 一 类 是 以 Lynx 为 代表 的 基于 字符 的 
Web 客户 机 程序 ,主要 在 不 具备 图 形 图 像 功能 的 计算 机 上 使 用 。Lynx 是 由 美国 堪萨斯 大 
学 的 Lou Montulli 研制 的 ,同类 的 还 包括 CERN 的 LineMode Browser, 5j — % Jè VA 
NCSA(National Center of Supercomputing Application) Mosaic 为 代表 的 面向 多 媒体 计算 
机 的 Web 客户 机 程序 , 它 可 以 在 各 种 类 型 的 小 型 机 上 运行 ,也 可 以 在 IBM PC, Macintosh 
机 以 及 UNIX 操作 系统 软件 平台 上 运行 。 目 前 ,使 用 最 多 的 浏览 器 是 微软 的 IE CInternet 
Explorer) 浏 览 器 。 除 此 之 外 ,一 些 新 的 浏览 器 产品 也 不 断 推 向 市 场 ,例如 : Maxthon Git 
DE) Firefox KIRJE) Opera 等 。 


13 概念 及 术语 


在 Web 中 ,新 的 概念 ,术语 很 多 . 随 着 Web 应 用 的 普及 ,这 些 本 来 是 专业 的 概念 和 术语 
已 经 大 众 化 了 ,下 面 从 计算 机 专业 的 角度 对 Web 中 的 一 些 常 用 概念 进行 简要 介绍 。 
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1. 网 站 (Web Site) 


网 站 又 称 Web 站 点 ,是 Internet 中 提供 信息 服务 的 机 构 , 这 些 机 构 的 计算 机 连接 到 
Internet 中 ,向 用 户 提 供 Web 服务 。 

从 技术 上 讲 ,一 个 Web 站 点 是 由 一 个 主 目录 、 主 目录 下 的 文件 夹 和 大 量 的 网 页 文件 构 
成 的 ,这 些 网 页 文件 通过 超 链接 连接 在 一 起 ,形成 特定 的 应 用 逻辑 ,构成 一 个 特定 的 Web 应 
用 。 因 此 ,网 站 又 称 为 Web 应 用 。 


2 超 文 本 (Hypertext) 


超 文本 是 一 种 文本 显示 与 连接 技术 ,可 以 对 文本 中 的 有 关 词 汇 或 句子 建立 链接 ( 即 超 链 
接 ), 使 其 指向 其 他 段落 ,文本 或 链接 到 其 他 文档 。 通 过 超 链 接 , 可 以 在 文档 之 间 、 文 档 内 部 
之 间 跳 转 , 这 种 文本 的 组 织 方式 与 人 们 的 思维 方式 和 工作 方式 比较 接近 。 

当 超 文本 显示 时 ,建立 了 链接 的 文本 、 图 片 通常 以 下 划 线 、 高 亮 等 不 同 的 方式 显示 ,来 表 
明 这 些 文本 或 图 片 对 应 一 个 超 链 接 。 当 鼠标 移 过 这 些 文字 时 ,鼠标 会 变 成 手 形 , 单 击 超 链接 
文本 或 图 片 ,可 以 转 到 相关 的 位 置 。 


3. 超级 链接 (Hyperlink) 
Web 页 中 当 用 户 单 击 它 时 可 以 转 到 其 他 Web 页 或 当前 页 面 的 其 他 地 方 的 文字 、 图 片 


等 对 象 , 即 文本 超 链接 和 图 片 超 链接 。 如 果 是 文本 超 链接 , 超 链 接 在 Web 页 上 往往 带 有 下 
划 线 或 增 亮 显示 。 当 用 户 将 鼠标 指向 一 个 超 链 接 时 ,鼠标 指针 会 改变 为 手 的 形状 。 


4 Web 页 (Web Page 


Web 页 是 指 Web 服务 器 上 的 一 个 个 超 文本 文件 ,或 者 是 它们 在 浏览 器 上 的 显示 屏幕 。 
Web 页 中 往往 包含 指向 其 他 Web 页 面 的 超级 链接 。 


5. 主页 (Home Page? 


用 户 在 Web 服务 器 上 看 到 的 第 一 个 Web 页 ,该 Web 页 一 般 的 名 称 为 default. htm 或 
index. htm。 首 页 中 往往 列 出 了 网 站 的 信息 目录 ,或 指向 其 他 站 点 的 超 链 接 ,主页 是 一 个 网 
站 的 入 口 。 当 用 户 访问 一 个 网 站 时 ,如 果 在 URL 中 不 指定 特定 的 网 页 文件 , 则 Web 服务 器 
将 站 点 首页 发 送 到 客户 端 。 


6. 统一 资源 定位 器 URL Uniform Resource Locator) 
统一 资源 定位 器 可 以 唯一 标识 一 个 Web 页 或 Internet. 上 其 他 资源 的 一 个 地 址 , 它 将 


Internet 提供 的 各 类 服务 统一 编 址 ,以 便 用 户 通 过 Web 客户 浏览 程序 进行 信息 查询 。 
URL 的 一 般 形式 为 : 


信息 资源 类 型 : // 网 址 : 端口 号 /文件 路 径 / 文 件 名 ? 参数 表 


其 中 ,信息 服务 类 型 主要 包括 http ftp 等 ; 网 址 即 服务 器 的 域名 或 IP 地 址 ,端口 号 对 
应 一 个 特定 的 服务 ,默认 端口 号 可 以 省 略 ,例如 Web 服务 的 默认 端口 为 80,FTP 服务 的 默 
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认 端 口 为 21 等 ; 文件 路 径 为 网 页 相对 于 主 目录 的 相对 路 径 ; 文件 名 是 用 户 浏 览 器 指定 的 要 
下 载 的 网 页 文件 ; 如 果 有 参数 ,在 文件 名 后 面 跟 字符 “?” 列 出 参数 名 及 实际 参数 值 。 

在 浏览 器 地 址 栏 URL 中 ,默认 端口 号 可 以 省 略 不 写 , 如 果 不 指定 文件 路 径 和 文件 名 ， 
则 默认 访问 站 点 根 目录 下 的 首页 文件 ,首页 文件 由 Web 服务 器 指定 。 例 如 ,如 果 用 户 在 浏 
览 器 中 输入 的 URL Jg: http://www. sdu. edu. cn, 则 表明 用 户 要 下 载 域名 为 www. sdu. 
edu. cn 的 Web 服务 器 中 根 目录 下 的 首页 文件 。 


7. 3i O C Por 


端口 是 服务 器 使 用 的 一 个 通道 ,在 OSI 参考 模型 的 数据 封装 中 使 用 , 它 可 以 使 具有 相 
同 IP 地 址 的 服务 器 同时 提供 多 种 服务 ,运行 在 服务 器 上 的 各 个 服务 程序 将 根据 收 到 的 数据 
段 中 的 端口 号 来 判断 是 否 为 自己 的 数据 。 例 如 ,在 一 台 计 算 机 上 同时 提供 WWW 服务 和 
FTP 服务 , WWW 服务 使 用 端口 80,FTP 服务 使 用 端口 21 等 。 在 通用 资源 定位 器 URL 
中 ,默认 端口 号 可 以 省 略 不 写 。 

另外 ,在 一 台 计算 机 上 ,在 同一 个 IP 地 址 下 ,可 以 建立 多 个 Web 站 点 ,站 点 之 间 用 端口 
号 来 区 分 ,访问 不 同 的 站 点 必须 指定 特定 的 端口 号 。 


8. 下载 (Download) 


下 载 是 指 通过 Internet 将 文件 从 Web 服务 器 或 FTP 服务 器 端 传输 到 本 地 计算 机 的 
过 程 。 


9 上 传 (Upload) 


上 传 是 指 通 过 Internet 将 文件 从 本 地 计算 机 传输 到 Web 服务 器 或 FTP 服务 器 计算 机 
的 过 程 。 


14 Web 相 关 技 术 


进入 20 世纪 90 年 代 以 后 , 随 着 Internet 技术 的 不 断 发 展 ,特别 是 Web 的 出 现 , 对 计算 
机 的 计算 模式 .软件 开发 模式 .应 用 模式 都 产生 了 重要 的 影响 ,这 导致 了 一 系列 相关 技术 的 
出 现 , 并 推动 着 Web 技术 的 发 展 。 


144 浏览 器 服务 器 计算 模式 


在 Web 出 现 以 前 ,计算 机 的 应 用 模式 经 历 了 单机 应 用 到 网 络 应 用 两 个 阶段 ,这 些 不 
同 的 计算 模式 有 各 自 的 优点 和 不 足 。Web 的 出 现 使 得 一 种 围绕 Web 服务 的 计算 模式 成 
为 当前 计算 机 应 用 的 主流 模式 ,并 推动 了 软件 开发 .软件 应 用 、 应 用 集成 方式 上 的 重大 


1 集中 式 计 算 模 式 
在 计算 机 诞生 和 应 用 的 初期 ,计算 所 需要 的 数据 和 程序 都 是 集中 在 一 台 计 算 机 上 进行 
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的 , 称 为 集中 式 计算 。 随 着 网 络 的 发 展 , 这 种 集中 式 计 算 往 往 形 成 一 种 由 大 型 机 和 多 个 与 之 
相连 的 终端 组 成 的 网 络 结构 。 当 支持 大 量 用 户 时 ,大 型 机 自 项 向 下 的 维护 和 管理 方式 显示 
出 集中 式 处 理 的 优越 性 。 它 具有 安全 性 好 、 可 靠 性 高 .计算 能 力 和 数据 存储 能 力 强 以 及 系统 
维护 和 管理 的 费用 较 低 等 优点 。 但 是 它 也 存在 着 一 些 明 显 的 缺点 ,如 : 大 型 机 的 初始 投资 
较 大 、 可 移植 性 差 .资源 利用 率 低 以 及 网 络 负载 大 等 。 


2 客户 服务 器 (CS) 计 算 模 式 


随 着 微型 计算 机 和 网 络 的 发 展 , 数 据 和 应 用 逐渐 转向 了 分 布 式 , 即 数据 和 应 用 程序 跨越 
多 个 结 点 机 ,形成 了 新 的 计算 模式 ,这 就 是 客户 /服务 器 计算 模式 (Client/Server,C/S) 。 
C/S 模式 是 一 种 典型 的 两 层 计算 模式 , 它 将 应 用 一 分 为 二 : 前 端 是 客户 机 ,一 般 使 用 微型 计 
算 机 ,几乎 所 有 的 应 用 逮 辑 都 在 客户 端 运 行 和 表达 ,客户 机 完成 与 用 户 的 交互 任务 ,具有 强 
壮 的 数据 操纵 和 事务 处 理 能 力 ; 后 端 是 服务 器 ,可 以 使 用 各 种 类 型 的 主机 ,服务 器 负责 数据 
管理 ,提供 数据 库 的 查询 和 管理 ,大 规模 的 计算 等 服务 。 

C/S 计算 模式 具有 以 下 几 个 方面 的 优点 : 通过 异种 平台 集成 ,能 够 协调 现 有 的 各 种 IT 
基础 结构 ; 分 布 式 管理 ; 能 充分 发 挥 客户 端 PC 的 处 理 能 力 , 安 全 、 稳 定 、. 速 度 快 , 且 可 脱 机 
操作 。 但 随 着 应 用 规模 的 日 益 扩 大 ,应 用 程序 的 复杂 程度 不 断 提高 ,C/S 结构 逐渐 暴露 出 许 
多 的 缺点 和 不 足 , 主 要 包括 : 它 必须 在 客户 端 安 装 大 量 的 应 用 程序 (客户 端 软件 ) ,开发 成 本 
较 高 ,移植 困难 ,用 户 界面 风格 不 统一 ,使 用 繁杂 ,不 利于 推广 使 用 ,维护 复杂 ,升级 麻烦 , 信 
息 内 容 和 形式 单一 ,新 技术 不 能 轻易 应 用 等 。 


3. 浏览 器 服务 器 (B/S) 计 算 模 式 


客户 /服务 器 模式 表现 出 了 许多 不 足 ,特别 是 它 的 胖 客户 机 和 对 局 域 网 的 依赖 ,已 经 不 
能 适应 Web 的 发 展 。 人 们 需要 利用 互联 网 ,将 应 用 分 布 到 整个 Web 中 ,而 不 是 局 限于 企业 
局 域 网 内 部 ,这 就 导致 了 一 种 更 加 灵活 的 多 级 分 布 式 计算 模式 , 即 浏 览 器 /服务 器 模式 
(Browser/Server,B/S) 的 产生 和 发 展 。 

浏览 器 /服务 器 (B/S) 计 算 模 式 是 一 种 基于 Web 的 协同 计算 ,是 一 种 三 层 架 构 瘦 客户 
机 /服务 器 计算 模式 。 第 一 层 为 客户 端 表 示 层 ,与 C/S 结构 中 的 “ 肥 ” 客 户 端 不 同 , 三 层 架 构 
中 的 客户 层 只 保留 一 个 Web 浏览 器 ,不 存放 任何 应 用 程序 ,其 运行 代码 可 以 从 位 于 第 二 层 
的 Web 服务 器 下 载 到 本 地 的 浏览 器 中 执行 ,几乎 不 需要 任何 管理 工作 ,是 一 种 “ 瘦 ” 客 户 机 。 
第 二 层 是 应 用 服务 器 层 , 由 一 台 或 多 台 Web 服务 器 组 成 ,处 理应 用 中 的 所 有 业务 迎 辑 .对 数 
据 库 的 访问 等 工作 。 该 层 具有 良好 的 可 扩充 性 ,程序 的 部 署 和 管理 主要 在 Web 服务 器 上 进 
行 ,相对 于 C/S 而 言 无 论 是 工作 的 复杂 性 还 是 工作 量 都 大 大 减少 。 第 三 层 是 数据 中 心 层 ， 
安装 数据 库 服 务 器 ,负责 整个 应 用 中 的 数据 管理 。 

B/S 计算 模式 与 传统 的 C/S 结构 相 比 体现 了 集中 式 计算 的 优越 性 : 具有 良好 的 开放 
性 ,利用 单一 的 访问 点 ,用 户 可 以 在 任何 地 点 使 用 系统 ; 用 户 可 以 跨 平台 以 相同 的 浏览 器 界 
面 访问 系统 ; 因为 在 客户 端 只 需要 安装 浏览 器 ,基本 上 取消 了 客户 端的 维护 工作 ,有 效 地 减 
少 了 整个 系统 的 运行 和 维护 成 本 。 


Web 技 术 导论 (第 2 版 ) 


142 Java 技术 


Java 技术 是 Sun Microsystems 于 1995 年 推出 的 一 种 极 富 创造 力 的 计算 平台 。 狭 义 上 
讲 ,Java 技术 可 以 理解 为 Java 语言 ,广义 上 讲 ,Java 技术 包括 Java 语言 ,Java 虚拟 机 以 及 
Java API 等 。Java 技术 为 用 户 带 来 了 无 数 令 人 兴奋 的 可 能 性 , 它 几 乎 使 所 有 应 用 程序 ( 包 
括 游戏 ,工具 及 信息 程序 和 服务 ) 都 能 在 任何 计算 机 或 设备 上 运行 。Java 技术 的 多 功能 性 、 
有 效 性 ,平台 的 可 移植 性 以 及 安全 性 已 经 使 它 成 为 网 络 计算 领域 最 完美 的 技术 。 今 天 ,Java 
技术 已 经 无 处 不 在 ,从 桌面 PC 到 科学 超级 计算 机 和 互联 网 ,从 移动 电话 到 移动 手持 设备 ， 
从 家 庭 游 戏 机 到 信用 卡 , 几 乎 在 所 有 的 网 络 和 设备 上 都 会 看 到 Java 技术 的 身影 。 


1. Java 的 出 现 


1991 年 ,Sun 计划 开拓 消费 类 电子 产品 市 场 ,为 电视 、 烤 面包 箱 等 家 用 消费 类 电子 产品 
开发 一 个 分 布 式 代码 系统 ,目的 是 可 以 通过 Internet 与 家 电 产 品 进行 交互 ,以 便 对 其 进行 控 
制 。Sun 内 部 人 员 把 这 个 项 目 称 为 Green, 该 小 组 的 领导 人 是 James Gosling, 他 是 一 位 非常 
杰出 的 程序 员 。Gosling 于 1984 年 加 盟 Sun Microsystem 公司 ,之 前 在 一 家 IBM 研究 机 构 
工作 。 他 是 SunNeWs 窗口 系统 的 总 设计 师 , 也 是 第 一 个 用 C 实现 的 EMACS 文本 编辑 器 
COSMACS 的 开发 者 。 

开始 ,他 们 准备 用 C++ 语言 开发 ,但 是 ,C++ 太 复 杂 , 且 存在 安全 性 问题 。 于 是 在 1991 
年 6 月 James Gosling 开始 准备 基于 C++ 开发 一 个 新 的 语言 ,他 看 着 窗外 的 一 棵 老 橡 树 ,就 
将 这 个 新 的 语言 命名 Oak, 它 就 是 Java 的 前 身 。Oak 是 一 种 用 于 网 络 的 精巧 而 安全 的 语 
言 ,Sun 使 用 它 参 加 一 个 交互 式 电视 项 目的 投标 ,结果 败 于 SGIQ ,为 此 Oak 几乎 销声匿迹 。 
此 时 ,受到 Mark Ardreesen 开发 的 Mosaic 和 Netscape 的 启发 ,他 们 将 Oak 继续 完善 。 因 
为 此 时 发 现在 此 之 前 Oak 已 是 Sun 公司 另 一 个 语言 的 注册 商标 ,他 们 将 新 的 Oak 改名 为 
Java, 即 太平 洋 上 一 个 盛产 咖啡 的 岛屿 (爪哇 岛 ) 的 名 字 。 

James Gosling 在 开始 写 Java 时 ,并 不 局 限于 扩充 语言 机 制 本 身 ,更 注重 于 语言 所 运行 
的 软 硬 件 环 境 。 他 要 建立 一 个 系统 ,这 个 系统 运行 于 一 个 巨大 的 、 分 布 的 . 异 构 的 网 格 环境 
中 ,完成 各 种 电子 设备 之 间 的 通信 与 协同 工作 。Gosling 在 设计 中 采用 了 虚 机 器 码 (Virtual 
Machine Code) 方 式 , 即 Java 语言 编译 后 产生 的 是 虚拟 机 ,虚拟 机 运行 在 一 个 解释 器 上 ,每 
一 个 操作 系统 均 有 一 个 解释 器 。 这 样 一 来 ,Java 就 成 了 平台 无 关 语 言 , 这 和 Gosling 设计 的 
SunNeWs 窗口 系统 有 着 相同 的 技术 味道 。 在 NeWs 中 用 户 界面 统一 用 Postscript 描述 ,不 
同 的 显示 器 有 不 同 的 Postscript 解释 器 ,这 样 便 保 证 了 用 户 界 面 的 良好 的 可 移植 性 。 

后 来 ,Patrick Naughton 加 入 到 该 项 目 , Naughton 也 是 Sun 公司 的 技术 骨干 ,曾经 是 
Open Windows 项 目的 负责 人 。 整 个 工作 进展 神速 ,经 过 17 个 月 的 奋战 ,整个 系统 胜利 完 
成 。 它 是 由 一 个 操作 系统 、 一 种 语言 (Java) ,一 个 用 户 界面 一 个 新 的 硬件 平台 三 块 专用 芯 
片 构成 的 。 项 目 完成 后 ,在 Sun 公司 内 部 做 了 一 次 展示 和 鉴定 ,观众 的 反应 是 : 在 各 方面 都 
采用 了 办 新 的 ,非常 大 胆 的 技术 。 


© SGI 公 司 为 美国 图 形 工作 站 生产 厂商 。 
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2 Java 语言 环境 


1994 4E, WWW 已 如 火 如 茶 地 发 展 起 来 。Gosling 意识 到 WWW 需要 一 个 中 性 的 浏览 
器 , 它 不 依赖 于 任何 硬件 平台 和 软件 平台 , 它 应 是 一 种 实时 性 较 高 ,可靠 安全 、 有 交互 功能 的 
浏览 器 。 于 是 Gosling 决定 用 Java 开发 一 个 新 的 Web 浏览 器 。 这 项 工作 由 Naughton 和 
JonathanPayne 负责 , 到 1994 年 秋天 ,完成 了 WebRunner 的 开发 工作 。WebRunner 是 
HotJava 的 前 身 ,这 个 原型 系统 展示 了 Java 可 能 带 来 的 广阔 市 场 前 景 。WebRunner 改名 为 
HotJava, 并 于 1995 年 5 月 23 日 发 表 后 ,在 产业 界 引起 了 巨大 绥 动 ,Java 的 地 位 也 随 之 而 得 
到 肯定 。 

在 1995 年 Sun 虽然 推出 了 Java, 但 这 只 是 一 种 语言 ,而 要 想 开发 复杂 的 应 用 程序 , 必 
须要 有 一 个 强大 的 开发 库 支 持 。 因 此 ,又 经 过 一 年 的 试用 和 改进 ,Sun 在 1996 年 1 月 23 有 日 
发 布 了 JDK1.0。 这 个 版 本 包括 了 两 部 分 : 运行 环境 ( 即 JRE) 和 开发 环境 ( 即 JDK)。 在 运 
行 环境 中 包括 了 核心 API\ 集 成 API、 用 户 界面 APIS CR Java 虚拟 机 (JVM) 五 个 部 
分 。 开 发 环境 包括 编译 Java 程序 的 编译 器 ( 即 javac)。 在 JDK1. 0 时 代 ,JDK 除了 AWT 
(Abstract Windowing Toolkit, 抽 象 窗口 工具 包 , 一 种 用 于 开发 图 形 用 户 界面 的 APD 外 ,其 
他 的 库 并 不 完整 。 

在 推出 JDK1. 0 后 , 紧 跟 着 ,Sun 在 1997 年 2 月 18 日 发 布 了 JDK1.1。JDK1.1 相对 于 
JDK1. 0 最 大 的 改进 就 是 为 JVM 增加 了 JIT( 即 时 编译 ) 编 译 器 。JIT 和 传统 的 编译 器 不 
Tl ,传统 的 编译 器 是 编译 一 条 ,运行 完 后 再 将 其 扔 掉 , 而 JIT 会 将 经 常用 到 的 指令 保存 在 内 
存 中 ,在 下 次 调用 时 就 不 需要 再 编译 了 ,这 样 JDK 在 效率 上 有 了 非常 大 的 提升 。 

随后 一 些 著名 的 计算 机 公司 纷纷 购买 了 Java ff] f HIC. IBM, Apple, DEC, Adobe, 
Silicon Graphics, HP , Oracle, Toshiba, Netscape 和 Microsoft 等 大 公司 相继 购买 了 Java 的 
许可 证 。 另 外 ,众多 的 软件 开发 商 也 开发 了 许多 支持 Java 的 软件 产品 。 在 以 网 络 为 中 心 的 
计算 时 代 , 不 支持 HTML 和 Java, 就 意味 着 应 用 程序 的 应 用 范围 只 能 限于 同 质 的 环境 。 

Java 的 平台 无 关 性 给 未 来 的 计算 模式 产生 了 革命 性 的 影响 , 它 是 继 HTML 后 ， 
Internet 发 展 的 又 一 个 里 程 碑 。 


3. Java 的 技术 特征 


在 Sun 的 Java 语言 白皮书 中 ,说 明 Java 语言 有 如 下 特征 : 简单 .面向 对 象 、 分 布 式 、 解 
释 执 行 ,健壮 、 安 全 体系 结构 中 立 、 可 移植 .高 性 能 、 多 线程 .动态 性 等 。 

1) 简单 (Simple) 

主要 体现 在 三 个 方面 : DJava 语言 风格 来 源 于 C++ ,因此 C++ 程序 员 可 以 很 快 的 上 手 。 
@Java RAT C++ 中 容易 引发 错误 的 地 方 , 如 : 指针 ,增加 了 内 存 管理 等 一 些 新 的 特色 。 
GJava 提供 了 丰富 的 类 库 ,使 用 户 编程 更 加 简单 。 

2) ifiils] xf $$ Object-Oriented) 

Java 是 面向 对 象 的 语言 WAT C++ 中 全 局 变量 等 与 面向 对 象 思想 冲突 的 内 容 。 

3) 体系 结构 中 立 (Architecture Neutral) 

一 般 情 况 下 ,网 络 环境 都 是 异 构 的 ,如 何 使 一 个 应 用 程序 能 够 在 不 同 硬件 .不 同 操作 系 
统 平台 的 计算 机 上 运行 ,始终 是 一 个 难题 。Java 将 它 的 程序 编译 成 一 种 结构 中 立 的 中 间 文 
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件 格式 , 巾 Java 虚拟 机 来 解释 执行 这 种 中 间 代 码 。 这 使 得 Java 应 用 程序 可 以 在 不 同 的 处 
理 器 中 执行 ,现在 几乎 所 有 的 主流 计算 机 系统 都 能 运行 Java。 

4) 解释 执行 (Interpreted) 

Java 解释 器 能 直接 地 在 任何 机 器 上 执行 Java 字 节 码 (Byte codes). 

5) 可 移植 (Portable) 

同体 系 结构 无 关 的 特性 使 Java 程序 可 以 在 配备 了 Java 虚拟 机 的 任何 计算 机 系统 上 运 
行 。 另 外 ,通过 定义 独立 于 平台 的 基本 类 型 及 其 运算 ,Java 数据 得 以 在 任何 硬件 平台 上 保 
持 一 致 。 

6) 分 布 式 (Distributed) 

Java 程序 的 程序 库 可 以 很 容易 地 与 HTTP 和 FTP 等 TCP/IP 协议 配合 ,从 而 使 Java 
程序 可 以 凭借 URL 打开 并 访问 网 络 对 象 ,对 程序 员 来 讲 , 访 问 方式 和 访问 本 地 文件 系统 几 
平一 样 ,这 就 为 Internet 等 分 布 环境 提供 内 容 带 来 了 方便 。 

7) 安全 性 (Secure) 

Java 是 被 设计 用 于 网 络 和 分 布 式 环境 的 ,安全 性 自然 是 一 个 重要 的 考虑 因素 。Java 的 
安全 性 可 以 从 两 个 方面 考虑 : 四 内 存 的 安全 性 ,如 据 弃 了 C++ 中 的 指针 ,从 而 避免 了 非法 内 
存 操作 和 内 存 泄 露 。 四 当 用 Java 来 创建 浏览 器 内 容 时 ,语言 功能 和 浏览 器 本 身 的 功能 结 
合 , 使 它 更 安全 。 

4. Java 的 发 展 


十 多 年 来 ,Java 技术 的 发 展 总 是 日 新 月 异 , 从 奠定 Java 根基 的 Java 开发 包 JDK1.0 到 
今天 的 JDK6 ,Java 为 开发 人 员 提 供 的 标准 类 库 越 来 越 丰富 ,Java 技术 取得 了 长 足 的 进步 。 

从 JDK1.0 到 JDK1.1.8,JDK1. x 经 过 了 9 个 小 版 本 的 发 展 ,已 经 初 具 规 模 。 在 1998 
年 12 月 4 日 ,Sun 发 布 了 Java 历史 上 最 重要 的 一 个 JDK 版 本 : JDK1. 2, 这 个 版 本 标志 着 
Java 进入 了 Java2 时 代 , 进 入 Java 的 飞速 发 展 时 期 。 

在 Java2 时 代 ,Sun 对 Java 进行 了 很 多 革命 性 的 变化 ,Sun 将 JDK1. 2 一 分 为 三 ,Java 
被 分 成 了 J2EE (Java2 Platform. Enterprise Edition ), J2SE (Java2 Platform. Standard 
Edition) fil J2ME(Java2 Platform. Micro Edition) ,分 别 面向 企业 级 桌面. 嵌入 式 和 移动 计 
算 等 领域 。 这 些 革 命 性 的 变化 一 直 沿 用 到 现在 ,对 Java 的 发 展 形成 了 深远 的 影响 。 

从 JDK1.2 开始 ,Sun 以 平均 两 年 一 个 版 本 的 速度 推出 新 的 JDK。 在 2000 年 5 月 8 
日 ,Sun 对 JDK1. 2 进行 了 重大 升级 ,推出 了 JDK1.3。Sun fE JDK1. 3 中 同样 进行 了 大 量 的 
改进 ,主要 表现 在 一 些 类 库 上 (如 数学 运算 、 新 的 Timer API 等) ,在 JNDI 接口 方面 增加 了 
一 些 DNS 的 支持 ,增加 了 JNI 的 支持 等 。2002 年 2 月 13 日 ,Sun 发 布 了 JDK 历史 上 最 为 
成 熟 的 版 本 JDK1. 4。 这 次 Sun 将 主要 精力 放 到 了 Java 的 性 能 上 .使 JDK1. 4 的 性 能 有 了 
质 的 飞跃 。 到 JDK1. 4 为 止 ,我 们 已 经 可 以 使 用 Java 实现 大 多 数 的 应 用 了 。 

虽然 从 JDK1.4 开始 ,Java 的 性 能 有 了 显著 的 提高 ,但 Java 又 面临 着 另 一 个 问题 , 那 就 
是 复杂 。 在 2004 4 10 月 ,Sun 发 布 了 JDK1.5, 同 时 ,Sun 将 JDK1.5 改名 为 J2SE5.0。 和 
JDK1. 4 不同 ,JDK1. 4 的 主题 是 性 能 .而 J2SE5.0 的 主题 是 易 用 。 

2006 年 4 月 ,Sun 推出 J2SE6. 0 测试 版 ,2006 年 12 月 ,代号 为 Mustang (野马 ) 的 
J2SE6. 0 正式 版 推 向 市 场 ,在 性 能 、 易 用 性 方面 得 到 了 前 所 未 有 的 提高 。 
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可 扩展 标记 语言 XMLCeXtensible Markup Language) 是 Internet 上 最 具 权 威 的 数据 表 
示 和 数据 交换 标准 , 它 是 ISOCInternational Organization for Standardization ,国际 标准 化 组 
织 ) 的 SGML (Standard for General Markup Language, 通 用 标记 语言 标准 ) 的 一 个 简化 
子 集 。 


1. XML 的 技术 特征 


XML 关注 信息 本 身 , 是 Web 上 表示 结构 化 信息 的 一 种 标准 文本 格式 。 与 传统 的 注重 
页 面 信息 显示 的 HTML( Hypertext Markup Language, 超 文本 标记 语言 ) 相 比 , 关 注 于 内 容 
的 XML 具有 以 下 诸多 优点 : 良好 的 可 扩展 性 ,语言 简单 有 效 , 可 自行 定义 标记 ; 内 容 与 形 
式 的 分 离 , 主 要 刻画 数据 内 容 , 不 考虑 显示 效果 ; 有 严格 的 语法 要 求 , 便 于 分 析 和 与 数据 库 
信息 转换 ; 便于 传输 ,为 纯 文本 形式 ,可 通过 Http 协议 直接 传输 ,可 跨越 防火 墙 等 。 

XML 的 出 现 和 发 展 对 于 Internet 产生 了 巨大 的 影响 ,如 果 说 Java 实现 了 代码 的 平台 
无 关 性 ,那么 XML 则 实现 了 数据 的 平台 无 关 性 。 今天 ,XML 已 经 逐渐 成 为 整个 Web 的 基 
本 结构 和 未 来 各 种 发 展 的 基础 ,由 于 XML 能 针对 特定 的 应 用 定义 自己 的 标记 语言 ,这 一 特 
征 使 得 XML 可 以 在 电子 商务 、 政 府 部 门 、 各 行业 领域 提供 各 具 特 色 的 独立 解决 方案 。 同 
时 ,XML 作为 一 种 通用 的 数据 交换 语言 ,已 经 成 为 业界 的 一 种 具有 垄断 性 的 标准 ,在 跨 平 
台 跨 系统 数据 交换 方面 拥有 无 可 比拟 的 优势 ,其 在 企业 级 开发 中 所 扮演 的 角色 越 来 越 重 要 。 
但 是 ,和 关系 数据 库 拥有 强大 的 存储 和 分 析 引 擎 不 同 .XML 只 专注 于 数据 的 表示 ,这 也 使 
得 XML 在 数据 量 急速 脱 胀 的 时 候 , 如 何 有 效 地 管理 和 使 用 XML 成 为 了 一 件 令 人 头痛 的 
事情 。 

2. XML 相关 技术 标准 


虽然 XML 标准 本 身 相 对 简单 ,但 与 XML 相关 的 标准 却 种 类 繁多 ,W3C 制定 的 相关 标 
准 就 有 二 十 多 个 ,采用 XML 制定 的 各 种 应 用 标准 也 很 多 。 除 了 标准 种 类 繁多 外 ,标准 之 间 
通常 还 互相 引用 ,特别 是 应 用 标准 ,它们 的 制定 不 仅仅 使 用 的 是 XML 标准 本 身 , 还 常常 用 
到 了 其 他 很 多 标准 。 在 XML 标准 体系 中 .XML 相关 标准 可 分 为 元 语言 标准 、 基 础 标准 、 应 
用 标准 三 个 层次 。 

CD 元 语言 标准 (meta-language) : 描述 的 是 用 来 描述 标准 的 元 语言 ,在 XML 标准 体系 
中 就 是 XML 标准 ,是 整个 体系 的 核心 ,其 他 XML 相关 标准 都 是 用 它 制 定 的 或 为 其 服务 的 。 

(2) 基础 标准 (Foundation Standards): 这 一 层次 的 标准 是 为 XML 的 进一步 实用 化 制 
定 的 标准 ,规定 了 采用 XML 制定 标准 时 的 一 些 公用 特征 方法 或 规则 。 如 : XML Schema 
描述 了 更 加 严格 地 定义 XML 文档 的 方法 ,以 便 可 以 更 自动 化 地 处 理 XML 文档 ; XML 
Namespace 用 于 保证 XML DTD 中 名 字 的 一 致 性 ,以 便 不 同 的 DTD 中 的 名 字 在 需要 时 可 
以 合并 到 一 个 文档 中 。 

(3) 应 用 标准 (Application Standards): 以 XML 为 基础 制定 的 行业 标准 。 比 较 常 用 的 
应 用 标准 包括 : SVG( 有 关 矢 量 图 形 )、SMIL( 有 关 多 媒体 同步 显示 )、MathML( 有 关 数 学 公 
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式 符 号 ) 等。 在 电子 商务 领域 的 常用 应 用 标准 有 : Micropayments (W3C 制定 )、BizTalk 
(Microsoft 发 起 的 电子 商务 的 schema FE) .ebXML (联合国 UN/CEFACT 小 组 和 OASIS 
共同 发 起 ) 、PIP( 由 诸多 IT 业 的 巨子 组 成 的 一 个 标准 化 组 织 RosettaNet 的 应 用 网 络 标准 )， 
等 等 。 

XML 相关 技术 标准 体系 如 图 1-2 所 示 。 


MathML VoiceXML PIP 
SMIL WAP BizTalk | SOAP 
应 用 标准 
SVG HDML ebXML | OEB 
HTML CC/PP paments | TV/Web 
DOM SAX P3P | 
XSL CSS RDF | XForm 
基础 标准 
XLink XPointer XQuery | XBase 
Schema Namespace! XPath 
可 扩展 标记 语言 XML 元 语言 标准 


(eXtensible Markup Language) 


图 1-2 XML 技术 标准 体系 


在 XML 技术 标准 体系 中 ,主要 的 基础 标准 的 功能 划分 是 : 

XML Schema 描述 了 更 加 严格 定义 XML 文档 的 方法 ,以 便 可 以 更 自动 地 处 理 XML XC 
Pi. XML Namespace 用 于 保证 XML DTD 中 名 字 的 一 致 性 ,以 便 不 同 的 DTD 中 的 名 字 在 
需要 时 可 以 合并 到 一 个 文档 中 。XPath 描述 如 何 识别 .选择 .匹配 XML 文件 中 的 各 个 构成 
元 件 , 包 括 元 素 、 属 性 文字 内 容 等 。XPointer 和 XLink 标准 规定 了 有 关 定 位 、 链 接 方面 的 
内 容 。XQuery 的 目的 是 为 从 Web 文档 中 提取 数据 提供 一 种 灵活 的 查询 机 制 。XSLT 则 实 
现 文档 格式 转换 ,主要 是 将 XML 转换 为 HTML 格式 进行 显示 。CSS 也 是 用 来 作为 XML 
文档 显示 的 样式 标准 。DOM 定义 了 一 组 与 平台 和 语言 无 关 的 接口 ,以 便 程 序 和 脚本 能 够 
动态 访问 和 修改 XML 文档 内 容 、 结 构 及 样式 。 


144 Web 服务 
Web 服务 (Web Service) 是 在 XML 技术 的 基础 上 发 展 起 来 的 , 它 是 可 以 通过 Web 发 


布 . 查 找 和 调用 的 自 包 含 、 自 描述 的 模块 化 应 用 ,其 目标 是 将 软件 转化 为 一 种 可 以 通过 Web 
订阅 使 用 的 服务 。 
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1. Web 服务 体系 架构 


Web 服务 使 用 标准 化 的 XML 消息 传递 机 制作 为 基本 的 数据 通信 方式 ,消除 使 用 不 同 
组 件 模型 .操作 系统 和 编程 语言 的 系统 之 间 存 在 的 差异 ,使 异类 系统 能 够 作为 计算 网 络 的 一 
部 分 协同 运行 。 开 发 人 员 可 以 使 用 像 过 去 创建 分 布 式 应 用 程序 时 使 用 组 件 的 方式 ,创建 由 
各 种 来 源 的 Web 服务 组 合 在 一 起 的 应 用 程序 。 

Web 服务 的 体系 结构 由 三 个 参与 者 和 三 个 基本 操作 构成 。 三 个 参与 者 分 别 是 服务 提 
供 者 、 服 务 请 求 者 和 服务 代理 ,三 个 基本 操作 分 别 为 发 布 (publish) 查找 (find) 和 绑 定 
(bind) ,其 关系 如 图 1-3 所 示 。 


服务 
注册 中 心 ， 


查找 
WSDL /UDDI 


M5 IL 
发 布 者 “服务 t» 


调用 / 绑 定 


图 1-3 Web 服务 体系 结构 


服务 提供 者 将 其 服务 发 布 到 服务 代理 的 一 个 目录 上 ; 当 服 务 请 求 者 需要 调用 该 服务 
时 ,他 首先 利用 服务 代理 提供 的 目录 去 搜索 该 服务 ,得 到 如 何 调用 该 服务 的 信息 ; 然后 根据 
这 些 信息 去 调用 服务 提供 者 发 布 的 服务 。 当 服务 请 求 者 从 服务 代理 得 到 调用 所 需 服务 的 信 
息 之 后 ,通信 和 是 在 服务 请 求 者 和 提供 者 之 间 直 接 进行 ,而 无 须 经 过 服务 代理 。 

Web 服务 主要 基于 以 下 技术 标准 。 

CD 可 扩展 标记 语言 XML: 它 是 Web 服务 的 驱动 力 , 它 不 是 一 种 编程 语言 或 者 API, 
而 是 一 种 独立 于 平台 的 组 织 数 据 的 方式 。XML 的 语法 便于 通过 编程 来 处 理 文本 数据 , 同 
时 又 便于 为 人 们 所 理解 。Web 服务 使 用 XML 作为 标准 ,在 网 络 设备 之 间 进 行 通信 。 

(2) 简单 对 象 访问 协议 SOAP(Simple Object Access Protocol); 开发 人 员 可 以 使 用 这 
种 独立 于 平台 的 机 制 ,远程 调用 分 布 式 对 象 的 方法 。SOAP 消息 的 通信 使 用 XML 来 描述 
对 象 方法 以 及 执行 的 参数 。 客 户 机 和 服务 器 都 可 以 实现 和 使 用 SOAP。 

(3) Web 服务 描述 语言 WSDL(Web Service Description Language): 它 从 句法 层面 对 
Web 服务 的 功能 进行 描述 ,包括 4 个 不 同 的 粒度 : 数据 类 型 (Data type), i E (Message), 
方法 (Operation) 和 访问 端口 (Port Type). WSDL 只 是 提供 了 Web 服务 的 接口 描述 ,对 服 
务 的 行为 约束 和 属性 描述 缺乏 进一步 的 支持 。 

(4) 语义 Web 服务 标记 语言 OWL-S: OWL-S 是 语义 Web 服务 标记 语言 的 标准 , 它 比 
WSDL 更 能 向 用 户 提供 可 理解 的 服务 资源 的 描述 形式 ,提高 服务 选取 与 推荐 的 准确 性 。 语 
X. Web 服务 的 主要 方法 是 利用 本 体 (Ontology) 来 描述 Web 服务 ,然后 通过 这 些 带 有 语义 
信息 的 描述 实现 Web 服务 来 实现 服务 的 自动 发 现 、 调 用 和 组 合 。 语 义 Web 和 Web 服务 是 
语义 Web 服务 的 两 大 支撑 技术 。OWL-S 是 连接 两 大 技术 的 桥梁 ,目前 对 语义 Web 服务 标 


Web 技 术 导 论 (第 2 版 ) 


记 语 言 研 究 最 重要 的 组 织 就 是 DARPA 组 织 , 其 研究 组 OWL Services Coalition 提出 了 语 
X Web 服务 标记 语言 OWL-S。 

C5) 通用 描述 发 现 和 集成 协议 UDDI(Universal Description. Discovery and Integration): Hë 
供 了 一 组 公用 的 SOAP API, 使 得 服务 代理 得 以 实现 。UDDI 为 发 布 服务 的 可 用 性 和 发 现 
所 需 服务 定义 了 一 个 标准 接口 (基于 SOAP 消息 )。UDDI 实 现 将 发 布 和 发 现 服务 的 SOAP 
请 求解 释 为 用 于 基本 数据 存储 的 数据 管理 功能 调用 。 

为 了 发 布 和 发 现 其 他 SOA 服务 ,UDDI 通过 定义 标准 的 SOAP 消息 来 实现 服务 注册 
(Service Registry) 。 注 册 是 一 种 服务 代理 , 它 是 在 UDDI 上 需要 发 现 服务 的 请 求 者 和 发 布 
服务 的 提供 者 之 间 的 中 介 。 一 旦 请 求 者 决定 使 用 特定 的 服务 ,开发 者 通常 借助 于 开发 工具 
(如 Microsoft Visual Studio. NET) 并 通过 创建 以 发 送 请 求 并 处 理 响应 的 方式 访问 服务 的 
代码 来 绑 定 服务 。 


2 Web 服务 技术 优势 


总 结 Web 服务 技术 ,有 如 下 技术 优势 : 

OD 平台 无 关 、 语 言 无 关 性 。Web 服务 技术 的 主要 目标 是 在 现 有 的 各 种 异 构 平台 的 基 
础 上 构筑 一 个 通用 的 平台 无 关 、 语 言 无 关 的 技术 层 ,各 种 不 同 平台 之 上 的 应 用 可 以 依靠 这 个 
技术 层 来 实施 彼此 的 连接 和 集成 。 

(2) 自 描述 能 力 。Web 服务 的 所 有 协议 ,包括 SOAP、WSDL、UDDI 都 是 XML 文档 ， 
所 以 Web 服务 具有 自 描述 的 良好 性 质 。 

G) 松 耦 合 性 。 当 一 个 Web 服务 的 实现 发 生变 更 时 ,调用 者 是 不 会 感到 这 一 点 的 。 对 
于 调用 者 来 说 ,只 要 Web 服务 的 调用 接口 不 变 , Web 服务 实现 的 任何 变更 对 他 们 来 说 都 是 
不 透明 的 ,甚至 当 Web 服务 的 实现 平台 从 J2EE 迁移 到 .NET 或 者 是 相反 的 迁移 流程 ,用 户 
都 可 以 对 此 一 无 所 知 。 

OD 易于 集成 。Web 服务 采用 简单 的 、 易 理解 的 标准 Web 协议 作为 组 件 界面 描述 和 协 
同 描述 规范 ,完全 屏蔽 了 不 同 软件 平台 的 差异 ,无 论 是 CORBA、DCOM 还 是 EJB 都 可 以 通 
过 这 一 种 标准 的 协议 进行 互 操 作 , 实 现 了 在 当前 环境 下 最 高 的 可 集成 性 。 

(5) 用 消息 传递 代替 传统 的 APIs. Web 服务 采用 了 SOAP 协议 。SOAP 协议 独立 于 
平台 ,可 以 在 不 同 的 平台 、 环 境 下 进行 传递 和 交互 。 

Web Service 是 组 件 技术 在 Internet 中 的 延伸 ,从 本 质 上 讲 是 放置 于 网 络 上 的 可 重用 构 
件 。 从 更 高 的 概念 层面 讲 , 可 以 将 Web 服务 视 为 一 些 工作 单元 ,每 个 单元 处 理 特定 的 功能 
任务 。 再 往 上 一 步 ,可 以 将 这 些 任务 组 合成 面向 业务 的 任务 ,以 处 理 特定 的 业务 操作 任务 ， 
从 而 使 非 技 术 人 员 去 考虑 一 些 应 用 程序 ,这 些 应 用 程序 可 以 在 Web 服务 应 用 程序 工作 流 中 
一 起 处 理 业务 问题 。 因 此 ,一 旦 由 技术 人 员 设 计 并 构建 好 Web 服务 之 后 ,业务 流程 架构 设 
计 师 可 以 聚集 这 些 Web 服务 来 解决 业务 层面 上 的 问题 。 


145 基于 SOA 的 软件 设计 模式 


从 计算 机 诞生 到 现在 ,计算 机 硬件 技术 在 发 展 的 同时 ,计算 机 软件 也 在 悄悄 地 发 生变 
化 。 这 种 变化 不 仅 表现 在 计算 机 软件 的 内 涵 、 计 算 机 软件 的 应 用 方式 上 ,同时 也 表现 在 软件 
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的 设计 模式 和 开发 方法 上 。 软 件 开 发 思想 的 演化 ,使 得 在 Web 流行 的 今天 ,面向 服务 的 体 
系 架构 SOA 成 为 下 一 代 软 件 体 系 架构 的 主流 。 


1. 软件 设计 与 开发 模式 的 演化 过 程 


站 在 软件 开发 人 员 的 角度 ,我 们 往往 希望 软件 开发 能 够 满足 对 于 开发 效率 、 可 靠 性 、 易 
维护 性 、 易 管理 等 多 方面 的 更 高 要 求 。 无 论 在 计算 机 发 展 的 哪 一 个 时 期 ,这 都 是 软件 开发 人 
员 永 恒 的 目标 。 我 们 可 以 把 这 种 目标 方法 的 实现 分 成 以 下 几 个 阶段 : 

(1) 面向 机 器 语言 的 开发 模式 。 在 计算 机 诞生 的 初期 ,需要 根据 不 同 平台 的 机 器 语言 
来 开发 代码 。 这 一 阶段 ,程序 规模 很 小 , 谈 不 上 系统 的 方法 。 

(2) 软件 的 生命 周期 开发 模式 ,又 称 软 件 开发 瀑布 模型 ,是 面向 功能 或 过 程 的 软件 开发 
方法 。 它 将 软件 开发 分 成 以 下 几 个 阶段 。 

CD. 用 户 需求 分 析 : 开发 人 员 和 业务 人 员 交 流 , 制 定 用 户 需求 说 明 书 ; 

© 系统 设计 : 开发 人 员 根 据 需求 说 明 书 进行 系统 设计 ,制定 系统 设计 报告 ; 

O 系统 开发 : 根据 系统 设计 报告 ,进行 系统 编码 ; 

D 系统 测试 : 系统 实现 后 双方 组 织 人 员 进 行 测试 ; 

O 运行 与 维护 : 系统 测试 结束 后 , 便 进入 系统 的 运行 ,维护 期 。 

从 理论 上 讲 , 软 件 开发 的 生命 周期 模式 是 非常 科学 的 ,但 是 利用 生命 周期 模式 开发 系统 
基于 两 个 假设 : 一 是 用 户 能 够 清楚 地 、 完 整地 提供 系统 要 求 ; 二 是 开发 者 能 完整 地 、 严 格 地 
理解 和 定义 要 求 。 但 在 实际 开发 中 ,这 两 个 假设 是 很 难 满足 的 。 因 为 在 开发 初期 ,用 户 很 难 
清楚 地 描述 系统 需求 ,或 者 系统 需求 将 来 可 能 发 生 较 大 变化 。 其 次 ,开发 人 员 和 业务 人 员 在 
交流 时 可 能 存在 理解 上 的 不 一 致 ,其 结果 是 系统 开发 完毕 后 ,不 能 很 好 地 满足 用 户 需 求 。 生 
命 周 期 模式 是 封闭 式 的 ,缺少 灵活 性 ,特别 是 在 用 户 需 求 定 义 方面 。 

面向 过 程 的 生命 周期 法 主要 流行 于 20 世纪 80 年 代 , 直 到 现在 ,这 种 思想 一 直 还 对 软件 
设计 和 开发 人 员 有 着 很 深 的 影响 。 

(3) 原型 法 开发 模式 。 和 生命 周期 模式 不 同 ,原型 法 要 求 经 过 对 用 户 需 求 的 简单 快速 
分 析 , 利 用 高 级 开发 工具 及 环境 ,快速 完成 原型 系统 的 设计 和 实施 ,提供 给 用 户 评价 。 一 个 
原型 系统 就 是 系统 的 一 个 可 运行 的 早期 版 本 , 它 反 映 了 最 终 系统 的 部 分 重要 特征 ,在 评价 过 
程 中 ,开发 人 员 不 断 从 用 户 那里 得 到 反馈 信息 ,修正 原型 的 用 户 需求 定义 ,进而 对 原型 系统 
作 相 应 改进 ,逐步 减少 分 析 与 交互 过 程 中 的 误解 ,弥补 遗漏 ,从 而 提高 最 终 系 统 的 质量 。 

原型 法 的 核心 是 用 交互 的 ,快速 建立 起 来 的 原型 取代 了 形式 的 、 不 易 修 改 的 大 块 的 规格 


开发 模式 的 实现 得 益 于 面向 对 象 的 语言 (Smalltalk C++ „Java 等 ) 和 可 视 化 的 第 四 代 开 发 工 
具 的 出 现 。 从 宏观 上 讲 , 原 型 法 比 生 命 周期 更 实用 ,但 是 ,在 每 一 个 原型 的 设计 和 开发 过 程 
中 ,都 离 不 开 生命 周期 的 科学 思想 。 

在 软件 工程 的 实践 中 ,“ 生 命 周 期 法 "和 “原型 法 "的 有 效 结合 表现 出 了 强大 的 生命 力 和 
可 操作 性 。 这 种 结合 就 是 ,整个 软件 的 开发 表现 为 一 个 个 原型 的 向 前 推进 ,在 每 一 个 原型 的 
内 部 ,又 是 按照 生命 周期 的 思想 来 设计 。 

(4) 面向 组 件 (Component) 的 模式 。 随 着 软件 开发 规模 的 扩大 ,在 涉及 分 布 式 、 异 构 等 
复杂 特征 的 环境 中 ,代码 级 别 的 重用 性 差 ,可 维护 性 差 ,效率 低 的 弱点 是 不 可 逾越 的 ,因此 人 
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们 以 架构 运行 环境 (如 . NET、J2EE 等 ) 来 提供 完善 的 支撑 平台 ,从 而 把 开发 者 解放 出 来 ,更 
专注 于 业务 核心 的 开发 。 而 这 些 业 务 功能 (Business Function) 以 组 件 的 形式 (DCOM EJB 
等 ) 发 布 运行 在 架构 运行 环境 中 ,软件 开发 的 重用 模式 也 上 升 到 业务 组 件 的 级 别 。 

(5) 面向 方面 编程 (Aspect Oriented Programming,AOP) 模 式 。AOP 是 OOP 的 延续 ， 
设计 模式 孜孜 不 倦 追求 的 是 调用 者 和 被 调用 者 之 间 的 解 耦 ,AOP 可 以 说 是 这 种 目标 的 一 种 
实现 。AOP 使 原本 复杂 的 调用 与 被 调用 和 错综复杂 的 耦合 关系 变 得 清晰 ,使 程序 的 整体 架 
构 保 持 高 内 聚 、 低 耦合 ,这 对 于 一 个 大 型 复杂 系统 来 说 是 非常 重要 的 。 

(6) 面向 服务 (SOA) 的 模式 。 当 软件 的 使 用 范围 扩展 到 更 广阔 的 范围 ,往往 会 面 对 更 
加 复杂 的 IT 环境 和 更 加 灵活 多 变 的 需求 。 服 务 (Service) 的 概念 出 现 了 ,人 们 将 应 用 
(Application) 以 业务 服务 (Business Service) 的 形式 公布 出 来 供 别 人 使 用 ,而 完全 不 需要 去 
考虑 这 些 业务 服务 运行 在 哪 一 个 架构 体系 上 ,因为 所 有 的 服务 都 讲 着 同样 的 语言 。 

SOA 同样 也 强调 重用 (Reuse), 但 是 相对 于 传统 的 代码 重用 、 对 象 重 用 和 部 件 重用 ， 
SOA 的 重用 粒度 更 粗 。SOA 的 核心 体现 在 企业 应 用 或 者 业务 功能 上 的 “重用 ”和 “ 互 操 
作 ”,SOA 的 重用 在 于 业务 级 的 应 用 , 即 服务 的 重用 ,而 不 再 把 IT 与 业务 对 立 起 来 ,这 可 以 
被 视 为 在 IT 驱动 业务 的 方向 上 迈 出 的 重要 一 步 。 


2 SOA 设 计 思想 


面向 服务 的 体系 架构 SOA(Service-Oriented Architecture) 是 软件 体系 架构 的 下 一 代 发 
展 方向 。SOA 以 可 重用 、 模 块 化 和 松 耦 合 为 特征 ,将 业务 迎 辑 用 服务 体现 出 来 。SOA 体系 
架构 可 以 应 用 在 应 用 集成 和 软件 架构 设计 两 个 不 同 的 层面 。 

首先 ,从 设计 思路 上 看 ,SOA 并 不 是 一 个 新 的 概念 ,CORBA( 通 用 对 象 请 求 代理 体系 架 
构 ) 的 出 发 点 同样 也 是 想 实现 类 似 的 目标 ,但 是 由 于 在 标准 、 中 间 件 以 及 API 的 欠缺 ,使 得 
CORBA 技术 只 能 纸上谈兵 ,而 无 法 实现 。 今天 ,企业 应 用 集成 的 迫切 需求 使 得 SOA 再 一 
次 被 提 到 前 台 ,但 是 今天 的 SOA 已 经 与 以 往 CORBA 时 代 所 面临 的 环境 大 不 相同 了 ,其 中 
最 为 核心 的 技术 一 一 Web 服务 已 经 拥有 了 一 系列 标准 ,WSDL、UDDI 等 标准 都 已 经 被 融入 
到 了 各 厂商 的 产品 之 中 ,为 SOA 的 实现 莫 定 了 技术 基础 ,使 SOA 技术 的 实现 与 应 用 成 为 
可 能 ,也 成 为 SOA 软件 集成 技术 快速 发 展 的 动力 ,使 SOA 进入 主流 软件 集成 技术 体系 。 

此 外 ,SOA 技术 的 逐步 成 熟 ,不 仅 将 深刻 改变 软件 集成 的 体系 架构 和 工作 方法 ,同时 ， 
也 将 彻底 改变 软件 开发 的 思想 、 架 构 和 工作 方法 。 

SOA 是 一 种 思想 .模式 和 体系 。 它 规范 了 在 软件 架构 以 及 系统 集成 中 的 方法 ,其 思想 
的 表现 就 是 将 业务 逻辑 和 功能 分 解 成 更 小 的 独立 逻辑 和 功能 单元 。 通 过 聚合 技术 ,将 这 些 
单元 构建 成 一 个 较 大 的 业务 逻辑 单元 ,从 而 实现 服务 的 独立 存在 ,通过 标准 技术 ,使 服务 保 
持 足够 的 共性 ,实现 系统 的 体系 化 。 

下 面 是 一 个 人 才 评 价 服务 支撑 平台 的 SOA 体系 架构 ,如 图 1-4 所 示 。 

上 述 SOA 体系 架构 反映 出 基于 SOA 的 软件 设计 模式 和 设计 思想 与 传统 的 软件 体系 
架构 的 不 同 。 在 该 体系 架构 下 ,利用 服务 管理 工具 集 、 业 务 流程 管理 工具 集 , 把 最 基本 的 共 
性 业务 抽象 出 来 ,封装 为 一 个 个 基础 服务 ,建立 基础 共性 服务 库 。 利 用 业务 流程 管理 工具 
集 , 实 现 业务 流程 的 定制 和 编排 。 完 成 后 的 服务 在 服务 容器 中 ,通过 服务 总 线 进行 协同 。 
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业务 上 | 业务 申报 | 工作 | 资源 || 评价 || 过 程 || 结 
x | > 服务 | 编排 || 管理 || 协同 | 监控 | 发 


果 
布 
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语义 引擎 


图 1-4 某 人 才 评 价 服务 支 撑 平台 SOA 体系 架构 


3. SOA 的 特征 


面向 服务 的 体系 架构 SOA 具有 如 下 特征 : 

(1) 服务 的 封装 (Encapsulation) 。 把 服务 封装 成 可 以 被 不 同业 务 流程 重复 使 用 的 业务 
组 件 。 它 隐藏 所 有 实现 细节 ,不 管 服务 内 部 如 何 修改 ,使 用 什么 平台 、 什 么 语言 ,只 要 保持 接 
口 不 变 , 就 不 会 影响 最 终 用 户 的 使 用 。 

(2) 服务 的 重用 (Reuse) 。 一 个 服务 是 一 个 独立 的 实体 ,与 底层 实现 和 用 户 的 需求 完全 
无 关 , 极 大 地 方便 了 服务 的 重复 使 用 ,从 而 降低 了 开发 成 本 。 

G) 服务 的 互 操作 (Interoperability)。 互 操作 并 不 是 一 个 新 概念 。 在 CORBA, 
DCOM, Web Service 中 就 已 经 采用 互 操 作 技术 了 。 在 SOA 中 .通过 服务 之 间 既 定 的 通信 
协议 进行 互 操作 。 主 要 有 同步 和 异步 两 种 通信 机 制 。SOA 提供 服务 的 互 操作 特性 更 利于 
其 在 多 个 场合 被 重用 。 

(4) 服务 是 自治 的 (Autonomous) 功 能 实体 。 服 务 是 由 组 件 组 成 的 组 合 模块 ,是 自 包含 
和 模块 化 的 。SOA 非常 强调 架构 中 提供 服务 的 功能 实体 的 完全 独立 自主 的 能 力 。 传 统 的 
组 件 技术 ,如 . NET Remoting, EJB, COM 或 者 CORBA ,都 需要 有 一 个 宿主 (Host 或 者 
Server) 来 存放 和 管理 这 些 功 能 实体 ; 当 这 些 宿 主 运行 结束 时 这 些 组 件 的 寿命 也 随 之 结束 。 
这 样 当 宿主 本 身 或 者 其 他 功能 部 分 出 现 问题 的 时 候 , 在 该 宿主 上 运行 的 其 他 应 用 服务 就 会 
受到 影响 。 

在 SOA 架构 中 ,非常 强调 实体 自我 管理 和 恢复 能 力 。 常 见 的 用 来 进行 自我 恢复 的 技 
术 , 比 如 事务 处 理 (Transaction)、 消 息 队 列 (Message Queue)、 宛 余部 署 (Redundant 
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Deployment) 和 集群 系统 (Cluster) 在 SOA 中 都 起 到 至 关 重 要 的 作用 。 

(5) 服务 之 间 的 松 耦 合 度 (Loosly Coupled) 。 服 务 请 求 者 到 服务 提供 者 的 绑 定 与 服务 
之 间 应 该 是 松 耦 合 的 。 这 就 意味 着 ,服务 请 求 者 不 知道 提供 者 实现 的 技术 细节 ,比如 程序 设 
计 语 言 .部 署 平台 等 。 服 务 请 求 者 往往 通过 消息 调用 操作 请 求 消息 和 响应 ,而 不 是 通过 使 用 
API 和 文件 格式 。 这 个 松 耦 合 使 会 话 一 端的 软件 可 以 在 不 影响 另 一 端的 情况 下 发 生 改变 ， 
前 提 是 消息 模式 保持 不 变 。 

(6) 服务 是 位 置 透明 的 (Location Transparency)。 服 务 是 针对 业务 需求 设计 的 ,需要 
反应 需求 的 变化 , 即 所 谓 敏 捷 (Agility) 设 计 。 要 想 真 正 实现 业务 与 服务 的 分 离 ,就 必须 使 得 
服务 的 设计 和 部 署 对 用 户 来 说 是 完全 透明 的 。 也 就 是 说 ,用 户 完全 不 必 知 道 响 应 自己 需求 
的 服务 的 位 置 ,甚至 不 必 知 道具 体 是 哪个 服务 参与 了 响应 。 

SOA 的 灵活 性 将 给 企业 带 来 巨大 的 好 处 。 如 果 把 企业 的 IT 架构 抽象 出 来 ,将 其 功能 
以 粗 粒度 的 服务 形式 表示 出 来 ,每 种 服务 都 清晰 地 表示 其 业务 价值 ,那么 ,这 些 服务 的 顾客 
就 可 以 得 到 这 些 服务 ,而 不 必 考 虑 其 后 台 实 现 的 具体 技术 。 

基于 以 上 特征 ,只 要 将 Web Service 置 入 特定 的 企业 服务 总 线 ,就 可 以 任意 使 用 它 。 


4 SOA 生命 周期 


由 于 SOA 涉及 到 业务 的 诸多 方面 ,因此 需要 从 一 开始 就 对 SOA 项 目 进行 细心 的 规划 
和 设计 。 

(1) Æi (Model): SOA 项 目的 第 一 步 几 乎 和 技术 没有 任何 关系 ,所 有 事项 都 与 用 户 
的 业务 相关 。 面 向 服务 的 方法 将 业务 所 执行 的 活动 视 为 服务 ,因此 第 一 步 是 要 确定 这 些 业 
务 活动 或 流程 实际 是 什么 。 对 用 户 的 业务 体系 结构 进行 记录 ,这 些 记录 不 仅 可 以 用 于 规划 
SOA, 还 可 以 用 于 对 实际 业务 流程 进行 优化 。 通 过 在 编写 代码 前 模拟 或 建 模 业 务 流程 ,可 
以 更 深入 地 了 解 这 些 流 程 ,从 而 有 利于 构建 帮助 执行 这 些 流 程 的 软件 。 

建 模 业 务 流 程 的 程度 将 依赖 于 预期 实现 的 深度 。 对 于 企业 架构 师 , 需 要 对 实际 的 业务 
服务 进行 建 模 。 对 于 软件 开发 人 员 , 可 能 对 单个 服务 进行 建 模 。 

(2) 组 装 (Assemble) : 对 业务 流程 进行 了 建 模 和 优化 后 ,开发 人 员 可 以 开始 构建 新 的 
服务 和 /或 重用 现 有 的 服务 ,然后 对 其 进行 组 装 以 形成 组 合 应 用 程序 ,从 而 实现 这 些 流 程 。 
在 建 模 步 又 中 ,已 经 确定 了 需要 何 种 类 型 的 服务 以 及 它们 将 访问 何 种 类 型 的 数据 。 已 经 存 
在 某 种 形式 的 实现 这 些 服务 或 访问 该 类 数据 所 需 的 一 些 软 件 。 组 装 步骤 将 要 找到 已 经 存在 
的 功能 ,并 为 其 添加 服务 支持 。 另 外 ,还 涉及 到 创建 提供 功能 和 访问 数据 源 所 需 的 新 服务 ， 
以 便 满足 用 户 的 SOA 涉及 的 业务 流程 范围 内 的 需求 。 

G) WE Deploy): 进行 了 建 模 和 组 装 后 ,要 将 组 成 SOA 的 资产 部 署 到 安全 的 集成 环 
境 中 。 此 环境 本 身 提供 专门 化 的 服务 ,用 于 集成 业务 中 涉及 的 人 员 ,流程 和 信息 。 这 种 级 别 
的 集成 可 帮助 确保 将 公司 的 所 有 主要 元 素 连接 到 一 起 协同 工作 。 此 外 ,部 署 工 作 还 需要 满 
足 业务 的 性 能 和 可 用 性 需求 ,并 提供 足够 的 灵活 性 ,以 便 吸纳 新 服务 ,而 不 会 对 整个 系统 造 
成 大 的 影响 。 

(D 管理 (Manage) : 部 署 后 ,需要 从 IT 和 业务 两 个 角度 对 系统 进行 管理 和 监视 。 在 管 
理 步 又 中 收集 的 信息 用 于 帮助 实时 地 了 解 业务 流程 ,从 而 能 更 好 地 进行 业务 决策 ,并 将 信息 
反馈 回 生命 周期 ,以 进行 持续 的 流程 改进 工作 。 在 这 期 间 ,将 需要 处 理 服务 质量 安全、 一 般 


第 1 章 ”Web 基础 


系统 管理 之 类 的 问题 。 

在 本 步骤 中 ,将 监视 和 优化 系统 ,发 现 和 纠正 效率 低下 的 情况 和 存在 的 问题 。 由 于 
SOA 是 一 个 迭代 过 程 ,因此 ,在 此 步骤 中 ,不 仅 要 找 出 技术 体系 结构 中 有 待 改 进 之 处 ,而 且 
还 要 找 出 业务 体系 结构 中 有 待 改 进 之 处 。 

完成 此 步骤 后 就 要 开始 新 的 “ 建 模 ?步骤 了 。 在 ”管理 ”步骤 中 收集 的 数据 将 用 于 重复 整 
个 SOA 生命 周期 ,再 次 进行 整个 过 程 。 

(5) 控制 (Governance & Processes); SOA 是 一 种 集中 系统 ,其 中 可 以 包含 来 自 组 织 的 
不 同 部 门 的 服务 ,甚至 还 能 包含 来 自 组织 外 的 服务 。 如 果 没 有 恰当 的 控制 ,这 种 系统 很 容易 
失控 。 控 制 对 所 有 生命 周期 阶段 起 到 巩固 支撑 作用 ,为 整个 SOA 系统 提供 指导 ,并 有 助 于 
了 解 系统 全 貌 。 它 提供 指导 和 控制 ,帮助 服务 提供 者 和 使 用 者 避免 遇 到 意外 情况 。 


5. 企业 服务 总 线 ESB 


企业 服务 总 线 ESB(Enterprise Service Bus) 是 SOA 基础 架构 的 关键 组 件 ,是 SOA 架 
构 的 一 个 支柱 技术 。 作 为 一 种 消息 代理 架构 它 提供 消息 队列 系统 ,使 用 诸如 SOAP 或 JMS 
(Java Message Service) 等 标准 技术 来 实现 。 有 人 把 ESB 描述 成 一 种 开放 的 、 基 于 标准 的 消 
息 机 制 ,通过 简单 的 标准 适配器 和 接口 来 完成 粗 粒 度 应 用 (比如 服务 ) 和 其 他 组 件 之 间 的 互 
操作 。 

在 SOA 体系 架构 中 ,企业 服务 总 线 ESB 提供 了 服务 管理 的 方法 和 在 分 布 式 异 构 环 境 
中 进行 服务 交互 的 功能 ,通过 ESB, 实 现 服务 的 部 署 . 配 置 . 注 册 、 消 息 处 理 、 消 息 路 由 、 交 
互 . 事 件 侦 听 、 执 行 . 服 务 质 量 和 服务 级 别管 理 等 。ESB 由 中 间 件 技术 实现 并 作为 支持 SOA 
的 一 组 基础 架构 ,支持 异 构 环 境 中 的 服务 .消息 ,以 及 基于 事件 的 交互 ,并 且 具 有 适当 的 服务 
级 别 和 可 管理 性 。 


6. SOA 和 Web 服务 的 关系 


Web 服务 与 SOA 有 着 很 多 相同 的 技术 特点 ,如 : 基于 XML 语言 ,符合 SOAP, WSDL 
和 UDDI 标 准 等 。 但 是 ,SOA 不 同 于 Web 服务 。SOA 是 一 种 设计 原则 ,是 一 个 概念 ,是 软 
件 架构 的 方法 学 ; Web 服务 则 属于 技术 规范 .是 一 种 具体 的 实现 技术 。Web 服务 可 以 用 来 
实现 SOA ,但 是 如 果 没 有 Web 服务 ,企业 照样 也 可 以 很 好 地 实现 SOA., 


15 Web 发 展 趋势 
Web, 这 个 由 无 以 计数 的 超 链接 形成 的 网 络 世界 ,在 给 我 们 每 一 个 人 的 工作 ,学习 .生活 
和 娱乐 带 来 了 无 穷 的 便利 和 全 新 的 生命 体验 的 同时 ,新 的 技术 、 新 的 理念 不 断 出 现 ,又 让 我 
们 对 Web 的 未 来 充满 了 无 限 的 遐想 。 
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回想 Web 诞生 之 初 , 我 们 面 对 一 个 个 静态 的 网 页 ,但 网 页 之 间 的 超 链接 ,以 及 浏览 器 带 
给 我 们 的 网 络 界 面 ,已 经 足够 令 我 们 兴奋 不 已 。 今 天 人 们 习惯 地 把 这 个 时 期 (2003 年 以 前 
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的 互联 网 模式 ) 的 互联 网 称 为 Web 1.0, 这 是 一 个 信息 消费 的 时 代 , 人 们 通过 浏览 器 获取 信 
息 。 TE Web 1.0 时 代 ,Netscape 脱颖而出 ,成 为 互联 网 耀眼 的 新 星 , 它 的 浏览 器 把 我 们 广大 
的 普通 用 户 带 入 了 互联 网 。 同 时 , Yahoo 提出 了 互联 网 黄页 ,Google 推出 了 深 受 欢迎 的 搜 
索 服务 ,他 们 为 互联 网 的 发 展 做 出 了 巨大 的 贡献 。 


1. Web 20 的 概念 


随 着 网 络 的 发 展 ,网 站 的 拥有 者 发 现 ,只 有 网 民 的 参与 ,才能 持久 地 提高 与 保持 网 站 的 
人 气 。 从 一 开始 出 现 的 “论坛 ?到 快速 火热 起 来 的 “博客 ”, 互 联网 事实 上 已 经 逐渐 开始 了 一 
种 理念 上 的 转变 ,实践 着 从 Web 1.0 到 Web 2.0 的 跨越 。 

Web 2.0 是 2004 年 3 月 奥 莱 理 (O?Reilly) 媒 体 公 司 与 MediaLive 公司 的 一 次 头脑 风 

会 议 上 由 O'Reilly 媒体 公司 负责 在 线 出 版 及 研究 的 副 总 裁 戴 尔 。 多 尔 蒂 和 MediaLive 

公司 的 克 瑞 格 。 克 莱 共 同 提出 。2005 年 9 月 30 日 ,O?Reilly 媒体 公司 主席 兼 CEO 提 姆 。 
奥 莱 理 在 其 公司 网 站 的 个 人 栏目 中 发 表 文章 “什么 是 Web 2. 0 一 一 下 一 代 软 件 设 计 模 式 和 
商业 模式 ”, 成 为 Web 2.0 理念 提出 的 一 个 重要 里 程 碑 。 

关于 Web 2.0, 并 没有 一 个 统一 的 定义 。 互 联网 协会 对 Web 2.0( 互 联网 2.0) 的 定义 
是 : Web 2.0 是 互联 网 的 一 次 理念 和 思想 体系 的 升级 换代 ,由 原来 的 自 上 而 下 的 由 少数 资 
源 控制 者 集中 控制 主导 的 互联 网 体系 转变 为 自 下 而 上 的 由 广大 用 户 集体 智慧 和 力量 主导 的 
互联 网 体系 。Web 2.0 内 在 的 动力 来 源 是 将 互联 网 的 主导 权 交 还 个 人 ,从 而 充分 发 据 了 个 
人 的 积极 性 ,使 个 人 参与 到 体系 中 来 ,广大 个 人 所 贡献 的 影响 与 智慧 和 个 人 联系 形成 的 社 群 
的 影响 就 替代 了 原来 少数 人 所 控制 和 制造 的 影响 ,从 而 极 大 解放 了 个 人 的 创作 和 贡献 的 潜 
能 ,使 得 互联 网 的 创造 力 上 升 到 了 新 的 量 级 。 

如 果 说 Web 1.0 的 主要 特点 在 于 用 户 通 过 浏览 器 获取 信息 ,那么 Web 2.0 则 更 注重 用 
户 的 交互 作用 ,用 户 既是 网 站 内 容 的 消费 者 (浏览 者 ), 也 是 网 站 内 容 的 制造 者 。 可 见 , 把 
Web 2. 0 理解 成 一 个 历史 学 的 概念 比 技术 性 的 概念 更 加 准确 ,对 这 个 概念 的 梳理 ,能 帮助 我 
们 更 好 地 把 握 互 联网 正在 发 生 的 技术 与 文化 的 变化 。 


2 Web 20 网 站 的 特征 


Web 2.0 是 一 种 网 站 构建 的 理念 ,主要 体现 为 以 下 特征 : 

CD. 网 站 平台 应 该 有 用 户 自己 来 定义 的 信息 分 类 /分 众 标签 功能 和 提供 信息 聚合 RSS 
(Rich Site Summary. zX Really Simple Syndication) 功 能 ,RSS 是 一 种 描述 和 同步 网 站 内 容 
的 格式 ,是 目前 使 用 最 广泛 的 XML 应 用 。 

(2) 网 站 内 容 应 该 主要 来 源 于 用 户 原创 内 容 (User Generated Content. UGC), 即 此 网 
站 的 内 容 和 信息 更 多 地 在 于 用 户 参 与 和 用 户主 动 的 提供 而 不 是 通过 大 量 转载 和 连接 ,有 少 
数 的 内 容 是 由 网 站 编辑 人 员 来 控制 和 发 布 的 。 

(3) 网 站 管理 者 对 其 内 容 很 少 进行 强制 性 的 发 布 , 而 是 在 平台 搭建 完成 后 ,对 UGC 的 
内 容 信息 进行 引导 并 促使 其 发 生 转 变 。 

(4) 网 站 的 推广 和 传播 模式 以 用 户 间 的 相互 传播 为 主 , 其 产品 使 用 过 程 中 ,鼓励 使 用 者 
进行 用 户 群体 之 间 的 传播 。 

(5) 网 站 的 主要 赢利 模式 是 基于 以 上 UGC 内 容 及 信息 大 量 聚 合 后 所 释放 的 能 量 而 进 
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行 的 ,无 论 是 在 线 的 广告 业务 ISP 增值 业务 还 是 其 他 收费 模式 ,都 需要 在 这 个 平台 上 发 生 。 
(6) 注重 用 户 体验 的 持续 服务 ,服务 和 应 用 无 处 不 在 ,不 仅仅 是 少数 重要 用 户 ,而 是 渗 
透 到 全 体 用 户 , 包 括 大 量 的 普通 用 户 ,要 有 拉动 长 尾 的 能 力 。 
Web 2. 0 理念 使 得 网 站 的 展现 形式 更 加 多 样 化 ,产生 了 很 多 的 典型 产品 ,例如 : 论坛 、 
名 人 博客 等 。 其 实 ,无论 是 Web 1.0 还 是 Web 2.0, 用 户 的 体验 是 最 重要 的 。 随 着 互联 网 
应 用 的 更 加 普及 ,人 们 不 仅 是 信息 的 消费 者 , 越 来 越 多 的 人 会 为 网 络 提供 信息 ,成 为 信息 的 
制造 者 和 提供 者 ,并 且 因 为 参与 了 网 络 信息 的 提供 而 感到 充实 和 自我 实现 。 


152 语义 Web 


万 维 网 已 经 成 为 人 类 最 大 的 信息 仓库 ,而 且 各 种 语言 .各 个 知识 领域 的 内 容 还 在 源源 不 
断 地 快速 增长 。 这 些 海 量 的 信息 在 给 我 们 提供 便利 的 同时 ,让 我 们 的 信息 查询 变 得 极为 困 
难 。 大 多 数 的 搜索 引擎 是 基于 关键 词 的 搜索 ,搜索 是 基于 页 面 内 容 的 ,而 不 是 基于 页 面 信息 
的 语义 , 查 准 率 较 低 。 人 们 需要 让 页 面 内 容 有 意义 ,从 而 提供 各 种 依靠 语义 的 自动 化 服务 ， 
这 就 是 语义 Web 的 研究 动机 。 


1. 语 义 Web 的 概念 


在 WWW 出 现 不 久 , 人 们 就 已 经 意识 到 语义 对 于 Web 的 重要 性 。HTML 只 是 规范 了 
信息 的 显示 , 却 无 法 表达 内 容 的 含义 。 没 有 形式 化 的 网 页 内 容 , 机 器 将 无 法 实现 信息 处 理 的 
自动 化 。 只 有 将 网 页 内 容 表述 成 机 器 可 以 理解 的 格式 , Web 才 可 能 成 为 一 个 巨大 的 知识 
V ,充分 实现 信息 的 查找 、 共 享 和 重用 。 为 此 ,1998 年 ,万 维 网 的 发 明 者 Tim Berners-Lee 首 
次 提出 了 语义 Web(Web Semantic) 的 概念 。 

对 于 语义 Web 的 概念 ,一 般 表 述 是 : 语义 Web 是 当前 Web 的 一 个 扩展 ,其 中 信息 具有 
形式 化 定义 的 语义 ,更 有 助 于 计算 机 之 间 以 及 计算 机 与 人 之 间 的 协同 工作 。 其 思想 是 使 
Web 上 的 数据 以 这 样 一 种 方式 来 定义 与 链接 ,使 其 能 够 在 各 种 不 同 的 应 用 场景 中 有 效 地 实 
现 数据 的 发 现 、 自 动 化 处 理 、 集 成 与 复 用 。 当 且 仅 当 Web 不 仅 成 为 人 所 共享 加 工 的 场所 ,也 
成 为 自动 化 工具 所 共享 加 工 的 场所 时 ,语义 Web 方 能 实现 其 全 部 潜力 。 

语义 Web 有 很 多 突出 的 优点 ,包括 数据 集成 更 简单 搜索 更 精确 .知识 管理 更 方便 ,等 
等 ,结果 语义 Web 这 个 词 的 含义 越 来 越 丰富 。 


User Interface + Applications 


2 语义 Web 体 系 架构 


要 实现 语义 Web, 依 赖 于 三 大 关键 技术 : XML、 RDF 
和 Ontology, HX Web 分 层 体系 架构 如 图 1-5 所 示 。 

(D Unicode 和 URI 层 : Web 内 容 采用 Unicode 字符 
集 , 负 责 资 源 的 编码 ,统一 资源 定位 符 URI (Uniform 
Resource Identifier) 用 于 资源 标识 ,唯一 标识 网 络 上 的 一 个 
概念 或 资源 。 在 语义 Web 体系 结构 中 ,该 层 是 整个 语义 
Web 的 基础 。 

(2) XML 十 NS 十 XML Schema 层 : 该 层 可 以 称 为 1-5 语义 Web 体系 架构 


aumeualS euq 


RDF+RDF Schema. 
XML+NS+XML Schema. 


Unicode 
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XML 层 , 用 于 表示 数据 的 内 容 和 结构 。XML 实现 文档 的 结构 化 定义 , 即 进行 文档 形式 化 。 
命名 空间 NSCName Space) 由 URI 索 引 确 定 , 目 的 是 防止 元 素 重 命名 而 引起 的 歧义 。XML 
Schema 提供 更 多 的 数据 类 型 ,为 XML 文档 提供 数据 校 验 机 制 。 该 层 负责 从 语法 上 表示 数 
据 的 内 容 和 结构 ,实现 Web 内 容 和 表现 形式 的 分 离 。 

(3) RDF 十 RDF Schema 层 : 又 可 以 分 为 RDF 层 和 RDF Schema 层 ,其 中 RDF 用 于 描 
述 资源 及 其 相互 关系 ,RDF Schema 层 为 RDF 提供 类 型 定义 机 制 ,确定 RDF 描述 的 资源 所 
使 用 的 领域 词汇 。 因 为 XML 不 具备 语义 描述 能 力 , W3C 推荐 以 RDF (Resource Description 
Framework) 标 准 来 解决 XML 的 语义 局 限 。 

RDF 解决 的 是 如 何 采 用 XML 标准 语法 无 二 义 性 地 描述 资源 对 象 的 问题 ,使 得 所 描述 
的 资源 的 元 数据 信息 成 为 机 器 可 理解 的 信息 。RDF Schema 使 用 一 种 机 器 可 以 理解 的 体系 
来 定义 描述 资源 的 词汇 ,其 目的 是 提供 词汇 洗 入 的 机 制 或 框架 ,在 该 框架 下 多 种 词汇 可 以 集 
成 在 一 起 实现 对 Web 资源 的 描述 。 

(4) Ontology 十 Rules 层 : 本 体 (Ontology) 负 责 在 RDF(S) 基 础 上 定义 的 概念 及 其 关系 
的 抽象 描述 ,用 于 描述 应 用 领域 的 知识 ,描述 各 类 资源 及 资源 之 间 的 关系 ,实现 对 词汇 表 的 
扩展 。 在 这 一 层 , 用 户 不 仅 可 以 定义 概念 而 且 可 以 定义 概念 之 间 的 复杂 关系 。 规 则 用 于 描 
述 领域 知识 中 的 前 提 和 结论 。 本 体 和 规则 共同 构成 领域 知识 层 。 

W3C 推荐 使 用 OWL(Web Ontology Language) 作 为 Web 本 体 描述 语言 ,OWL 既 提 供 
了 正式 的 语义 ,又 提供 了 附加 的 词汇 , 比 起 XML、RDF 和 RDF Schema, X} Web 内 容 实现 了 
更 好 的 机 器 互 操作 性 。 

(5) Unify Logic 层 : 该 层 负 责 在 下 面 各 层 基 础 上 ,提供 公理 和 推理 规则 ,而 Logic 一 旦 
建立 , 便 可 以 通过 好 辑 推理 对 资源 、 资 源 之 间 的 关系 以 及 推理 结果 进行 验证 ,证 明 其 有 效 性 。 

(6) Proof 层 : 通过 Proof 交换 以 及 数字 签名 ,建立 一 定 的 信任 关系 ,从 而 证 明 语 义 
Web 输出 的 可 靠 性 以 及 其 是 否 符合 用 户 的 要 求 。 

(7) Trust 层 : 支持 代理 间 通 信 的 证 据 交换 ,在 用 户 间 建立 信任 关系 。 

(8) User Interface 十 Applications: 应 用 层 是 构建 在 语义 Web 之 上 的 各 种 应 用 。 

总 之 ,在 语义 Web 体系 架构 中 ,下 面 两 层 是 语义 Web 的 基础 设施 ,中 间 从 元 数据 发 展 
到 本 体 描 述 语 言及 其 统一 的 逻辑 是 语义 Web 的 关键 .证 明和 信任 及 各 层次 贯穿 的 数字 签名 
技术 是 扩充 ,是 对 语义 Web 成 功 应 用 的 要 求 与 展望 。 


3. 语 义 Web 的 应 用 


在 语义 Web 中 ,可 以 提供 各 种 依靠 语义 的 自动 化 服务 ,包括 : (1) 互 联网 信息 发 布 与 搜 
索 ,通过 对 内 容 的 标注 与 分 析 从 而 克服 关键 词 查询 的 歧义 性 ,可 以 大 大 提高 查询 精度 。 此 
外 ,基于 语义 Web 的 文档 检索 与 知识 管理 也 是 当前 研究 的 一 个 热点 。(2) Web 问题 解答 ， 
在 用 Ontology 对 信息 源 进行 标注 的 基础 上 ,进一步 运用 知识 库 来 解答 用 户 的 提问 。 例 如 ， 
Stanford 大 学 研制 的 Triple 系统 是 一 个 基于 逻辑 程序 设计 的 RDF 查询 系统 ,逻辑 子 句 的 问 
题 求解 能 力 使 它 能 够 解答 较为 复杂 的 问题 。 德 国 Karlsruhe 大 学 等 单位 研制 的 SEAL 是 一 
个 语义 Web 门户 网 站 , 它 具 有 回答 用 F- 逻 辑 表 示 的 查询 的 能 力 ,F- 逻 辑 使 得 Ontology 中 的 
概念 与 问题 求解 规则 融合 于 一 体 。 

语义 Web 的 目标 是 改善 当今 的 Web, 它 的 主要 思想 是 使 语义 信息 成 为 计算 机 可 处 理 
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的 对 象 。 要 将 Web 语义 化 是 非常 困难 的 ,语义 Web 很 难 一 下 子 获 得 巨大 成 功 ,但 是 , 它 会 
一 点 点 地 渗透 到 现 有 的 Web 中 ,在 人 们 的 不 知 不 觉 中 ,让 我 们 进入 语义 Web 的 时 代 。 


1. 什么 是 万 维 网 ? 
2. 什么 是 Web 服务 器 ? 简 述 Web 的 基本 工作 机 理 。 
3. 解释 下 列 概念 ， 


网 站 、 网 页 .HTTP URL, mO . 超 文本 
. 什么 是 B/S 结构 ? 和 C/S 结构 相 比 有 什么 优点 ? 
. 简 述 你 对 Java 技术 的 理解 。 
. XML 技术 标准 体系 是 如 何 划 分 的 ? 列举 常用 的 XML 基础 标准 ,并 说 明 它 们 的 


Oo c e 


功能 。 
7. 什么 是 Web 服务 ?Web 服务 基于 哪些 主要 的 技术 标准 ? 
8. 简 述 软件 开发 模式 的 演化 过 程 。 
9. 什么 是 SOA? 简 述 SOA 和 Web 服务 的 关系 。 
10. 什么 是 Web 2.0? 它 有 哪些 主要 特征 ? 
11. 什么 是 语义 Web? 面 出 语义 Web 的 分 层 模型 ,并 说 明 各 层 的 功能 。 


Web 服 务 器 的 架设 和 管理 


在 Internet 中 , Web 服务 是 最 主要 的 网 络 服务 ,几乎 一 提 到 Internet, 就 会 想到 万 维 网 
(World Wide Web,WWW)。 实 际 上 ,WWW 只 是 Internet 的 一 个 子 集 , 它 是 由 Internet 中 
的 Web 服务 器 和 Web 客户 机 构成 的 。Web 服务 器 就 是 那些 安装 了 Web 服务 器 软件 的 计 
算 机 ,而 安装 了 浏览 器 的 计算 机 就 是 Web 客户 机 。 在 互联 网 中 ,每 一 个 网 站 的 背后 都 运行 
着 一 个 Web 服务 器 ,利用 Web 服务 器 ,不 仅 能 够 提供 信息 发 布 ,更 重要 的 是 , 它 突 破 了 局 域 
网 的 限制 ,将 计算 机 应 用 扩展 到 整个 互联 网 中 ,彻底 改变 了 网 络 环境 下 的 计算 模式 。 通 过 
Internet, 企 业 可 以 部 署 Web 应 用 ,从 而 建立 基于 B/S 结构 的 应 用 系统 。 


21 操作 系统 与 Web 服务 器 


在 全 球 数 亿 个 网 站 或 Web 应 用 系统 的 背后 ,都 运行 着 一 个 Web 服务 器 。 要 使 一 台 计 
算 机 成 为 Web 服务 器 ,需要 安装 网 络 操作 系统 和 相应 的 Web 服务 组 件 。 不 同 的 操作 系统 
台 ,安装 的 Web 服务 组 件 也 不 相同 。Web 服务 组 件 从 本 质 上 讲 就 是 一 个 网 站 或 Web 应 
用 的 运行 环境 ,因此 ,安装 的 Web 服务 组 件 不 同 , Web 应 用 的 开发 工具 也 不 相同 。 
目前 ,主流 的 Web 服务 器 软件 主要 由 IIS Apache 组 成 。IIS 支持 ASP 且 只 能 运行 
在 Windows 平台 下 ,Apache x: f$ PHP,CGI,JSP 且 可 运行 于 多 种 平台 。 虽 然 Apache 是 世 
界 使 用 排名 第 一 的 Web 服务 器 平台 ,但 是 ,由 于 Windows 的 易 用 性 ,因此 具有 很 大 的 装机 
数量 ,IIS 的 应 用 也 很 多 。 


214 Web 服务 器 


在 Internet 中 ,Web 服务 器 有 两 个 层面 的 含义 ,一 是 指 安装 了 Web 服务 器 的 计算 机 ,第 
二 层 含义 是 指 Web 服务 器 程序 。 所 谓 Web 服务 器 程序 ,简单 地 讲 就 是 一 个 服务 程序 , 它 仅 
仅 需 要 监听 合适 的 端口 ,建立 连接 ,然后 发 送 数据 。 服 务 器 程序 的 开发 总 是 和 客户 端 软 件 的 
开发 相 辅 相 承 的 。 

在 20 世纪 90 年 代 , Web 服务 器 、 浏 览 器 .HTML 和 HTTP 协议 都 得 到 了 快速 的 发 展 ， 
这 标志 着 WWW 的 诞生 。 美 国 国家 超级 计算 应 用 中 心 NCSA 开发 了 httpd 代码 ,实现 了 
Web 服务 器 的 功能 。 同 时 ,NCSA 开发 了 最 早 的 浏览 器 ,这 就 是 NCSA Mosaic 浏览 器 , 它 
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成 为 后 来 Netscape、 微 软 IE 以 及 众多 网 页 浏览 器 的 鼻祖 。 虽然 NCSA Web 服务 器 不 再 被 
维护 和 继续 开发 ,但 是 仍然 可 以 免费 下 载 其 源 代码 , 它 是 著名 的 Web 服务 器 Apache 的 
前 身 。 

随 着 Internet 的 发 展 , 人 们 对 Web 服务 器 的 功能 提出 了 更 多 的 需求 。Web 服务 成 为 很 
多 商务 应 用 都 必须 面 对 和 采用 的 技术 时 ,就 出 现 了 很 多 不 同 Web 服务 器 以 满足 这 些 不 同 的 
需求 。 在 电子 商务 应 用 环境 中 ,可 伸缩 性 、 可 靠 性 和 高 级 动态 功能 都 是 Web 服务 器 应 该 具 
有 的 关键 因素 。 此 外 ,易于 配置 和 管理 对 于 新 手 来 说 也 同样 重要 。 对 于 这 些 所 有 的 特性 来 
说 并 没有 任何 一 个 特定 服务 器 能 完全 满足 需求 ,但 是 如 果 对 Web 服务 的 需求 有 明确 的 认 
识 ,可 以 便于 从 不 同 的 Web 服务 器 中 选择 适合 的 服务 器 。 


212 主流 Web 服务 器 简介 


Web 服务 器 产品 很 多 ,同一 种 Web 服务 器 往往 也 有 不 同 的 操作 系统 版 本 ,下 面 对 各 种 
不 同 的 Web 服务 器 进行 简要 介绍 。 


1. Intemet Information Server( IIS) 


Internet Information Server(IIS) J& Windows 自 带 的 服务 器 组 件 。 在 Windows 2000 
Server 中 , 自 带 了 TIS 5. 0, Windows Server 2003 中 自 带 了 IIS 6.0。 现 在 ,微软 已 经 全 部 采 
用 Windows Server 2003/IIS 6.0, 而 不 再 安装 Windows 2000 Server/IIS 5.0 了 。 

在 IIS 中 ,包含 了 一 系列 的 ASP 对 象 ,负责 ASP 页 面 中 服务 端 脚本 程序 的 解析 工作 , 同 
时 ,为 用 户 开发 基于 Web 的 应 用 提供 一 个 开发 环境 。IIS 6. 0 支持 Web 应 用 的 . net 开发 环境 。 

作为 Windows 平台 的 内 置 服务 组 件 , 其 优点 是 容易 安装 和 管理 ,但 是 最 大 的 缺点 是 只 
能 安装 在 Windows 平台 中 ,不 能 在 其 他 的 操作 系统 平台 上 安装 。 

在 Windows 服务 器 上 ,除了 安装 IIS 外 ,还 可 以 安装 Apache 和 Tomcat。 其 中 ,Tomcat 
是 Serverlet/JSP 的 容器 ,可 以 运行 JSP 脚本 程序 ,开发 基于 JSP 的 Web 应 用 系统 。 


2. Apache 服务 器 


Apache WF NCSA httpd 服务 器 ,早期 Apache 的 开发 是 通过 对 NCSA 的 httpd 代码 
添加 补丁 程序 来 进行 的 , 取 名 为 “a patchy server”, 即 “补丁 服务 器 ”。Apache 被 看 做 是 “ 补 
丁 服务 器 ”, 还 因为 它 具 有 模块 化 特性 ,该 特性 实现 了 Apache 的 灵活 性 和 可 扩展 性 ,而 且 开 发 
者 可 以 利用 该 特性 很 容易 地 添加 第 三 方 功能 模块 ,通过 模块 ,开发 人 员 可 以 添加 任何 功能 。 

在 发 展 初期 ,Apache 主要 是 一 个 基于 UNIX 系统 的 服务 器 , 它 的 宗旨 就 是 建成 一 个 基 
于 UNIX 系统 的 、 功 能 更 强 、 效 率 更 高 并 且 速 度 更 快 的 WWW 服务 器 。 目 前 ,Apache 是 使 
用 最 广 的 Web 服务 器 ,有 多 个 操作 系统 平台 版 本 ,可 以 运行 在 几乎 所 有 的 UNIX, Windows, 
Linux 等 主流 操作 系统 平台 上 ,并 且 很 多 类 型 的 UNIX 操作 系统 都 集成 了 Apache。 

因为 Apache 服务 器 具有 简单 .高效 、 性 能 稳定 、 安 全 .免费 等 特性 ,已 经 成 为 最 为 广泛 
的 Web 服务 器 。 许 多 大 型 的 网 站 .例如 : Google, Yahoo, Inf E E E Sina, 百度 .网易 、 搜 狐 
等 都 采用 Linux 或 FreeBSD 等 操作 系统 平台 ,并 配置 Apache 服务 器 ,构建 自己 的 Web 服 
务 器 。 在 版 本 上 ,大 多 数 公 司 应 用 Apache 2. 0 或 Apache 2. 2. x. 
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3. 其 他 Web 服务 器 


除了 Apache 和 IIS 外 ,还 有 许多 不 同 特点 的 Web 服务 器 ,这 些 服务 器 包括 : 

(1) Zeus Webserver 服务 器 : Zeus 是 一 个 商业 化 的 Web 服务 器 产品 ,在 SMP 环境 下 
有 优秀 的 可 伸缩 性 ,并 实现 了 常见 的 特性 集合 ,如 访问 控制 .动态 内 容 产 生 和 安全 等 。 具 有 
健壮 、 集 成 有 集群 支持 的 容错 和 负载 平衡 等 特色 ,是 高 端 应 用 的 很 好 的 选择 。 

(2) iPlanet 服务 器 : iPlanet 是 Sun、Netscape 和 AOL 公司 联合 生产 的 Web 服务 器 产 
品 ,iPlanet 和 其 他 Netscape 产品 一 样 具 有 很 高 的 性 能 ,而 且 iPlanet 具有 Sun 公司 Java 的 
特性 。iPlanet 具有 现今 高 性 能 Web 服务 器 的 特性 ,相对 于 其 他 Web 服务 器 ,iPlanet 能 够 
提供 更 多 的 Java 功能 ,能 够 运行 标准 Java API, 并 且 在 Java API 环境 下 运行 速度 良好 。 

(3) AOLserver Web 服务 器 : AOLserver 的 研究 始 于 1994 年 ,当时 它 作 为 Web 发 
布 系统 的 一 部 分 进行 开发 。 在 该 Web Es Zt ik f Web 服务 器 的 WYSIWYG 网 
页 编辑 器 ,该 网 页 编辑 器 强调 内 容 变化 的 便利 性 和 内 容 更 新 的 快捷 性 。 早 期 的 Web 发 
布 系统 被 设计 成 一 个 完整 的 网 页 编辑 系统 。 随 着 时 间 的 推移 ,AOL 公司 的 网 页 编辑 器 
已 经 不 复 存 在 ,但 是 由 于 Tel 脚本 语言 的 出 现 和 它 对 动态 网 页 的 支持 ,AOLserver 却 生 
存 了 下 来 。 

Web 服务 器 产品 很 多 , 随 着 互联 网 技术 的 发 展 ,新 的 Web 服务 器 产品 还 将 不 断 出 现 。 
选择 Web 服务 器 时 ,服务 器 对 动态 脚本 语言 .API 的 支持 以 及 数据 库 连 接 的 性 能 都 是 重要 
的 因素 。 此 外 , Web 服务 器 的 配置 和 管理 ,也 是 选择 一 个 Web 服务 器 的 重要 因素 。 


22 使 用 Intemet 信息 服务 


在 Windows 操作 系统 平台 上 ,内 置 了 Internet 信息 服务 (Internet Information Server, 
IIS) 组 件 ,用 于 创建 Web 服务 器 。 作 为 Window 平台 ,最 常用 的 是 Windows 2000 Server 和 
Windows Server 2003 ,其 中 Windows 2000 Server 内 置 了 IIS 5. 0. Windows Server 2003 内 
置 了 IIS 6.0。 目 前 ,Windows Server 2003/IIS 6. 0 正 逐 步 取 代 Windows 2000 Server/IIS 5. 0. 
成 为 最 主要 的 Windows 平台 Web 服务 器 配置 。 


221 什么 是 Intemet 信息 服务 


Internet 信息 服务 (Internet Information Server,IIS) 是 一 组 Windows 操作 系统 组 件 ， 
此 组 件 可 以 使 公司 很 方便 地 创建 自己 的 Web 服务 器 .FTP 服务 器 、E-mail 服务 器 和 NNTP 
服务 器 ,从 而 将 信息 和 业务 应 用 程序 发 布 到 Web 中 。 在 IIS 内 部 ,本 质 上 是 由 一 系列 的 
ASP 对 象 组 成 的 ,负责 ASP 页 面 中 服务 端 脚本 程序 的 解析 工作 ,同时 ,为 用 户 开发 基于 
Web 的 应 用 提供 一 个 开发 环境 。 

在 Windows 2000 中 .内置 了 IIS 5.0。 从 Windows Server 2003 开始 .IIS 升级 为 IIS 6.0, 将 
IIS 5. 0 中 的 SMTP 服务 器 升级 为 完整 的 E-mail 服务 器 。IIS 由 若干 可 选 组 件 构成 ,用 户 可 
以 根据 需要 选择 不 同 的 组 件 进行 安装 和 配置 ,IIS 包含 的 组 件 如 下 所 述 。 
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1. Intemet 服务 管理 器 


用 于 配置 和 管理 IIS, 可 以 在 MMC 中 以 管理 单元 形式 显示 ,该 管理 工具 还 在 控制 面板 
的 “管理 工具 ”文件 夹 中 创建 一 个 快捷 方式 。 


2 Intemet 服务 管理 器 (HTML) 
基于 HTML 的 Internet 服务 管理 器 ,可 以 使 用 浏览 器 对 IIS 进行 远程 管理 。 
3. NNTP Service 


NNTP( Network News Transfer Protocol) , 即 网 络 新 闻 传输 协议 ,是 TCP/IP 协议 套 
件 的 成 员 。 负 责 将 新 闻 函 件 分 发 到 Internet. 上 的 NNTP 服务 器 和 NNTP 客户 端 ,设置 了 
NNTP 后 ,就 可 以 将 新 闻 文章 存储 在 服务 器 上 的 中 央 数 据 库 ,用 户 可 以 选择 指定 的 项 目 阅读 。 


4. SMTP Service 


SMTP(Simple Mail Transfer Protocol) , 即 简单 邮件 传输 协议 ,是 TCP/IP 协议 套件 的 
成 员 ,用 来 管理 邮件 代理 之 间 的 电子 邮件 交换 。 


5. World Wide Web 服务 


Web 服务 ,用 于 对 Web 站 点 的 创建 管理 以 及 为 用 户 访问 Web 服务 器 提供 服务 ,内 置 
服务 端 脚 本 引擎 ,是 ASP 等 服务 器 脚本 规范 的 容器 。 


6. 文 档 传输 协议 FTP 服务 器 
用 于 建立 FTP 站 点 ,支持 文件 的 上 传 和 下 载 。 


222 安装 IIS 


在 Windows 2000 Server 下 ,安装 Windows 2000 Server 时 ,默认 情况 下 ,IIS 5.0 被 一 
并 安装 。 在 Windows Server 2003 中 ,IIS 组 件 是 “应 用 服务 器 ”的 一 部 分 ,可 以 在 安装 操作 
系统 时 选择 安装 ,也 可 以 通过 “添加 /删除 Windows 组 件 ” 方 式 来 安装 IIS ,或 者 通过 管理 工 
上 共 中 的 “管理 您 的 服务 器 "程序 添加 “应 用 程序 服务 器 ”角色 ,来 完成 IIS 6. 0 的 安装 。 

下 面 以 Windows Server 2003 企业 版 为 例 , 说 明 TIS 的 安装 ,具体 操作 步骤 如 下 : 

CD 将 Windows 2003 Server 系统 光盘 插入 光盘 驱动 器 。 

(2) 在 “控制 面板 ?窗口 中 ,双击 * 添 加 /删除 程序 "图 标 , 在 “添加 /删除 程序 ?窗口 中 , 单 
击 “ 添 加 /删除 Windows 组 件 ”, 打 开 “Windows 组 件 向 导 ? 对 话 框 , 在 组 件 列表 中 ,选择 “应 
用 程序 服务 器 "(在 Windows 2000 Server 中 为 Internet 信息 服务 ) ,然后 单 击 * 详 细 信 息 ? 按 
钮 ,显示 “应 用 程序 服务 器 ”对 话 框 ,如 图 2-1 所 示 。 

在 应 用 程序 服务 器 组 件 列表 中 ,选择 “Internet 信息 服务 ”, 然 后 单 击 * 详 细 信 息 ”, 打 开 
"Internet 信息 服务 子 组 件 ” 对 话 框 ,显示 Windows Server 2003 中 相关 组 件 , 如 图 2-2 所 示 。 

单 击 “ 万 维 网 服务 ”, 然 后 单 击 “ 详 细 信 息 ” 按 钮 ,打开 “万 维 网 服务 ”对 话 框 ,显示 万 维 网 
服务 子 组 件 列 表 , 如 图 2-3 所 示 。 
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xl 

件 ， 请 单 灰色 框 表示 只 会 安装 该 组 件 的 一 

So PETENS REE MAE. 

应 用 程序 服务 器 MFA C): 

C Sg SF. NET oom -] 

|v OBRA com 访问 0.0 MB 

口 请 启用 网 络 m 访问 0.0 MB 

口 st iB ADI 6.5 MB 

|v "fs ESIESIR S SEISIÓ 0.0 MB z 


描述 : IIS 包括 Web, FIP, SMTP 和 WTP Z U FrontPage Server 
ei Mcd Dd 


所 需 磁盘 宝 间 : 14.1 MB 
可 用 磁盘 空间 : 10728.8 MB pere] 
mm | 


图 2-1 Windows Server 2003 的 应 用 程序 服务 器 组 件 列表 


xi 
[ET 


Internet 信息 服务 CIS) MFA C): 
M Gg NNTP Service 
|| EAST Service 1.3 MB 
回 多 公用 文件 

O O 后 台 智能 传送 报 务 ETs) 服务 器 扩展 


加 同文 件 传输 协议 FTP) 服 务 01m — 
下 心 姐 件 ， 使 用 ATIP 协议 来 与 TCP/IP 网 络 上 的 Web 客 


iata: 163m CCEA 
可 用 磁盘 空间 : 10727.5 Nb 一 一 
本 | m» | 


图 2-2 Internet 信息 服务 (IIS) 组 件 列表 


xi 
EXUQBEY LUN. RRSXINOENI. Xe RASEN 


万 维 网 服务 BYTE: 
|v| *] Active Server Pages 
|V *]Internet 数据 连接 器 


5.7 MB 


图 2-3 Internet 信息 服务 组 件 列 表 
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在 万 维 网 服务 子 组 件 列表 中 ,选择 相应 的 组 件 ,包括 : 万 维 网 服务 .远程 管理 和 远程 桌 
面 Web 连接 ,然后 单 击 “ 确 定 ” 按 钮 ,向 导 从 光盘 复制 文件 并 进行 相关 的 配置 。 安 装 结 束 后 ， 
在 “控制 面板 ”的 “管理 工具 ”中 将 增加 “Internet 信息 服务 (1IS) 管 理 器 * “远程 桌 面 " 等 程序 。 
同时 ,在 服务 器 C 盘 根 目录 下 将 创建 一 个 Inetpub 文件 夹 , 在 该 文件 夹 下 创建 多 个 子 文件 
夹 ,文件 夹 结构 如 图 2-4 所 示 。 


LIH =lol xl 
文件 EE) 编辑 EE) FEV KEW IAD HMW |a 
|QsmR-O-T|PDsR orr E | 
Bit W) [O C: \Tnetpub CJE E E [» Lii] 
件 和 文件 夹 任务 4 名称 | 大 小 | 类 型 | 修改 日期 
BB Cudienscripes] 二 2007-8-30 1| 
加 创建 一 个 新 文件 严 Dftproot 文件 夹 2007-6-30 |l 
e Rutsche Dnailroot 文件 夹 “2007-8-30 1| 
局 mmtsile Xit 2007-8-30 | 
B — Drmroot 文件 夹 ”2007-8-30 || 
< 本 地 磁盘 CO 
O 我 的 文档 
g 我 的 电脑 
& 网 上 邻居 zl | 四 
E os [je Z 


图 2-4 安装 IIS 6.0 后 自动 创建 的 相关 文件 夹 


各 文件 夹 说 明 如 下 : 

AdminScripts 文件 夹 : 存储 CGI 脚本 的 根 目录 。 
ftproot 文件 夹 : FTP 服务 根 目 录 。 

mailroot 文件 夹 : SMTP 服务 器 根 目录 。 
nntpfile 文件 夹 : 新 闻 组 信息 根 目录 。 

wwwroot 文件 夹 : 默认 Web 站 点 的 根 目录 。 


223 Intemet 信息 服务 管理 器 


IIS 安装 完成 后 ,在 Web 服务 器 的 “管理 工具 ”文件 夹 中 增加 “Internet 服务 管理 器 ” 工 
具 。 同 时 在 “计算 机 管理 ”控制 台中 ,在 “服务 和 应 用 程序 ” 结 点 下 增加 “Internet 信息 服务 ” 
结 点 。 通 过 Internet 服务 管理 器 ,可 以 创建 Web 站 点 .FTP 站 点 ,以 及 对 它们 进行 配置 和 管 
理 。 对 IIS 的 管理 可 以 有 多 种 途径 ,具体 介绍 如 下 。 


1. Intemet 信息 服务 管理 器 


单 击 “ 开 始 ” 按 钮 ,选择 “程序 ” AERE BOT HAUT "Internet 信息 服务 管理 器 ”命令 可 以 
直接 启动 *Internet 信息 服务 管理 器 ”, 如 图 2-5 Bros. 
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Gro REW SEV SOO 帮助 四 | zii xi 
€ »|Gm[m|r [355 |rt9 | | p m n 


Internet 信息 服务 
E si 本 地 计算 机 ) 


[EST 1 正在 运行 
fl Atmini stration 6100 正在 运行 


四 全 Administration 
D Yeb 服务 扩展 
dee 默认 SWTP 虚拟 服务 器 
由 gp 默认 m 虚拟 服务 器 


图 2-5 "Internet 信息 服务 管理 器 "控制 台 


2. Intemet 信息 服务 管理 单元 

安装 了 IIS Ji "Internet 服务 管理 器 "作为 一 个 管理 单元 ,被 组 织 到 “计算 机 管理 ”控制 
台中 。 在 “控制 面板 ”“ 管 理工 具 ” 中 ,双击 “计算 机 管理 ”打开 “计算 机 管理 ”控制 台 ,可 以 显 
示 “Internet 信息 服务 (IIS) 管 理 器 ”单元 ,如 图 2-6 所 示 。 


ERETI sloj xj 
Bx AO SEV 窗口 和 ) EHW [1812 
e» Amen |i | | » mon 


计算 机 管理 本地) 
系统 工具 服务 正在 运行 
服务 正在 运行 


正在 运行 
ŞU mr 虚拟 服务 器 正在 运行 


图 2-6 “计算 机 管理 ”控制 台中 的 “Internet 信息 服务 管理 器 ”单元 


23 创建 Web 站 点 


在 Windows 平台 中 , 当 安 装 了 Internet 信息 服务 (IIS) 后 ,就 可 以 创建 Web 站 点 了 ,从 
而 把 该 计算 机 配置 为 Internet 中 的 一 台 Web 服务 器 ,向 用 户 提供 Web 连接 服务 。 
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23.1 创建 Web 站 点 


在 Windows 服务 器 /IIS 中 ,可 以 利用 TIS 创建 和 管理 Web 站 点 。 下 面 以 Windows 


Server 2003 企业 版 为 例 ,介绍 IIS 中 Web 站 点 的 创建 过 程 。 
单 击 “ 开 始 ” 按 钮 ,选择 “程序 "“ 管 理工 具 ”, 单 击 “Internet 服务 (IIS) 管 理 器 ”, 打 开 


"Internet 信息 服务 ”控制 台 , 右 击 “ 网 站 ” 结 点 ,打开 快捷 菜单 ,如 图 2-7 所 示 。 
Internet 信息 服务 (CTS) 管理 器 alol xi 
GD Mfg) SEV WO Wo | elei x 


e»|&imii [355 |i | & | p» m v 


B 默认 网 站 1 正在 运行 
Administration 6100 正在 运行 


^l m CT 


sd FRESU , 


网 站 REX) O)... 


图 2-7 新 建 Web 站 点 
在 快捷 菜单 中 选择 “新 建 ”, 单 击 “ 网 站 ”命令 .启动 “网 站 创建 向 导 ”, 然 后 , 单 击 “ 下 一 步 ” 
按钮 ,如 图 2-8 所 示 。 


网 站 创建 向 导 xi 


FME 
网 站 描述 用 于 帮助 管理 员 识别 站 点 。 


《上 一 步 @) it 


图 2-8 输入 网 站 描述 


在 网 络 描述 界面 ,输入 Web 站 点 的 说 明 ( 即 新 站 点 的 名 称 ) ,该 名 称 将 在 “Internet 信息 
服务 (IIS) 管 理 器 ”控制 台中 显示 。 单 击 “ 下 一 步 "按钮 ,如 图 2-9 所 示 。 
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IP 地 址 和 端口 设置 
指定 新 网 站 的 IP 地 址 ,端口 设置 和 主机 头 。 


网 站 IP 地 址 @E): 

ES EZAMA] z] 
网 站 TCP 端口 RUE: 80) D: 

[po 


此 网 站 的 主机 头 RU: 无 ) 00: 


有 关 更 多 信息 ， 请 参阅 IIS 产品 文档 。 


《上 一 步 @) 取消 


图 2-9 设置 网 站 IP 地 址 和 端口 


TE IP 地 址 后 面 的 下 拉 列 表 中 ,默认 显示 “全 部 未 分 配 ”, 单 击 下 拉 列 表 , 可 以 显示 网 卡 设 
置 的 多 个 卫 地 址 。 可 以 选择 * 全 部 未 分 配 ? 或 从 中 选择 一 个 IP 地 址 。 

一 般 情况 下 ,一 个 Web 站 点 有 一 个 IP 地 址 。 如 果 一 台 机 器 上 只 有 一 个 IP 地 址 ,又 需 
要 运行 多 个 Web 站 点 ,此 时 可 以 为 不 同 的 Web 站 点 指定 不 同 的 端口 号 。 指 定 不 同 的 端口 
号 后 ,要 连接 到 该 站 点 ,在 网 址 (IP 地址 或 域名 ) 后 需要 给 定 对 应 的 端口 号 ,如 : http://202. 
194.73. 118: 8080。 使 用 非 默认 的 端口 号 将 使 得 客户 端 连接 Web 站 点 时 ,必须 知道 该 站 点 
的 端口 号 ,并 且 在 URL 中 不 能 省 略 协议 前 绥 http: // ,否则 使 用 不 方便 。 

如 果 和 希望 使 用 相同 的 IP 地 址 ,又 保留 HTTP 默认 的 端口 号 80, 还 可 以 使 用 不 同 的 主机 
头 来 区 分 不 同 的 Web 站 点 。 这 里 全 部 选用 默认 值 , 单 击 “ 下 一 步 ” 按 钮 ,如 图 2-10 所 示 。 


网 站 主 目 录 
主 目录 是 Web 内 容 子 目录 的 根 目录 . 


输入 主 目录 的 路 径 。 
BED: 


p VE 


Iv REZAR A) 


《上 - 步 @ [FE mis 


图 2-10 设置 网 站 主 目录 
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在 路 径 下 面 的 文本 框 中 ,可 以 输入 该 站 点 的 主 目录 ,或 者 通过 “浏览 ”按钮 选择 一 个 目录 
作为 网 站 主 目录 。 主 目录 保存 了 一 个 Web 站 点 中 的 所 有 内 容 , 包 括 各 个 子 文件 夹 以 及 所 有 
的 网 页 文件 。 站 点 主 目录 又 称 为 站 点 的 根 目 录 , 站 点 首页 文件 通常 存储 在 站 点 的 主 目 录 下 。 

单 击 “ 下 一 步 ”按钮 ,显示 网 站 访问 权限 设置 界面 ,如 图 2-11 所 示 。 


网 站 访问 权限 
设置 此 网 站 的 访问 权限 。 


xi 


允许 下 列 权限 : 

eR 

Iv 运行 脚本 do ASP) GO 

T dA£rdu ISAPI 应 用 程序 或 CD D 
T SA 

T AO 


单 击 “ 下 一 步 ” 按 钮 完成 订 导 


《上 上- 步 @)[ 下 一步 加 站 mim 


图 2-11 设置 网 站 访问 权限 


根据 需要 ,对 Web 站 点 的 权限 进行 设置 ,从 允许 的 权限 中 选择 相应 的 权限 。 一 般 情况 
下 ,需要 选择 “ 读 取 ” 权 限 和 “运行 脚本 ”权限 。 有 关 权 限 设置 的 详细 介绍 请 参见 第 2. 4 节 
“Web 站 点 的 配置 ”。 

然后 单 击 “ 下 一 步 ” 按 钮 ,显示 “已 经 成 功 完成 Web 站 点 创建 向 导 ”。 最 后 单 击 “ 完 成 ” 按 
钮 ,返回 到 “Internet 信息 服务 管理 器 ”控制 台 ,如 图 2-12 所 示 。 


Internet 信息 服务 (LIS) 管理 器 loj xj 
Kg 文件 四 MEO SEV SW #HW | =le xl 
e» om xengRB ezra i 


此 视图 中 没有 可 显示 的 项 目 。 


图 2-12 "Internet 信息 服务 管理 器 ”控制 台 


新 站 点 创建 完成 后 , 主 目录 中 没有 任何 内 容 。 如 果 新 建 的 Web 站 点 和 已 经 存在 的 
Web 站 点 的 人 地 址 和 端口 号 完全 一 样 ,新 站 点 将 被 标记 为 “停止 ”。 
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232 Web 站 点 的 启动 .停止 和 暂停 


上 面 我 们 看 到 由 于 新 建站 点 和 默认 Web 站 点 IP 地 址 和 端口 号 完全 一 样 ,使 得 新 建站 
点 被 停止 。 如 果 要 将 停止 的 Web 站 点 启动 , 右 击 被 停止 的 Web 站 点 ,在 快捷 菜单 中 ,选择 
“启动 ”命令 ,该 站 点 将 被 启动 。 

如 果 要 停止 一 个 Web 站 点 , 右 击 该 站 点 ,在 快捷 菜单 中 , 单 击 “ 停 止 " 命 令 , 该 站 点 将 被 
停止 。 

当 管 理 人 员 需 要 维护 系统 或 网 页 数据 时 ,可 以 暂停 Web 站 点 ,站 点 暂停 后 , 它 将 不 接受 
客户 浏览 器 的 连接 ,等 用 户 工作 结束 后 ,再 启动 该 站 点 。 

如 果 用 户 试 图 连接 一 个 暂停 的 站 点 ,客户 端 浏览 器 显示 * 找 不 到 该 页 ”消息 CHTTP 404- 未 
找到 文件 )。 如 果 试 图 连接 一 个 停止 的 站 点 ,客户 端 浏览 器 显示 “该 页 无 法 显示 ”的 消息 ( 找 
不 到 服务 器 或 DNS 错误 ) 。 


233 规划 Web 应 用 


一 个 Web 站 点 建立 后 ,就 意味 着 一 个 Web 应 用 的 开始 。 所谓 Web 应 用 ,是 指 在 
Internet 环境 中 应 用 程序 新 的 开发 和 使 用 模式 , 它 是 B/S 结构 下 应 用 程序 的 实现 形式 。 一 
个 Web 网 站 可 以 简单 地 看 做 是 一 个 Web 应 用 , 它 由 主 目录 、 子 目录 及 其 包含 的 网 页 文件 、 
图 片 文 件 及 其 他 各 类 文件 ,以 及 相关 的 数据 库 构 成 。 


1. 网 站 首页 


传统 的 应 用 程序 都 有 一 个 主 用 户 界 面 , 包 含 菜单 栏 .工具 条 等 ,用 户 通过 菜单 命令 或 工 
具 按 钮 执行 特定 的 程序 功能 。 在 B/S 结构 中 ,一 个 Web 应 用 则 是 从 网 站 首页 开始 的 ,相当 
于 传统 的 应 用 程序 主 用 户 界面 。 

首页 (Home Page) 是 当 客户 连接 到 一 个 站 点 时 首先 看 到 的 Web 页 面 。 在 设计 Web 站 
点 的 首页 时 ,不 仅 要 考虑 页 面 的 外 观 、 栏 目 布局 ,更 重要 的 是 在 页 面 内 容 上 必须 包含 可 以 到 
各 种 功能 页 面 的 超 链接 。 首 页 的 默认 文件 名 一 般 为 index. htm, default. htm 等 ,首页 文件 
通常 需要 保存 在 Web 站 点 的 主 目录 下 。 


2. 规划 网 站 的 文件 结构 


一 个 网 站 , 即 一 个 Web 应 用 ,应 该 根据 用 户 需求 来 设计 网 站 的 功能 或 栏目 。 为 了 管理 
方便 ,应 该 根据 网 站 功能 对 网 站 文件 夹 结构 进行 认真 规划 。 一 般 情况 下 ,在 主 目录 下 往往 需 
要 创建 多 个 子 文件 夹 , 每 个 文件 夹 对 应 网 站 的 一 个 功能 ,存储 相关 的 网 页 文件 。 对 于 一 些 公 
用 的 程序 或 图 片 ,可 以 定义 单独 的 文件 夹 。 此 外 ,还 可 以 规划 数据 库 文件 夹 ,存储 网 站 用 到 
的 数据 库 文件 ,便于 整个 网 站 的 备份 。 

对 于 刚刚 新 建 的 网 站 ,假设 该 网 站 设计 有 四 个 主要 功能 栏目 : 即时 消息 、 在 线 聊天 、 
bbs, A Bde ,在 主 目录 下 可 以 分 别 创建 四 个 文件 夹 ,分 别 存储 开发 即时 消息 、 在 线 聊天 、 
bbs 和 个 人 博客 所 用 到 的 网 页 文件 ,文件 结构 可 以 如 图 2-13 所 示 。 
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Kg 文件 四 ”操作 册 SEV SOW 帮助 只 |= 
e» mxs [5g 2|» m u 
Internet 信息 服务 
Ea sl (本 地 计算 机 ) pe 
由 如 FTP 站 点 D images 
9) 应 用 程序 池 B ei 
7a 网 站 > nyinstantmessage 
DA 默认 网 站 (F) ine 
Administration a index. asp 
E mm 
由 - 司 datsbase 
B images 
D mybbs 
司 myinstantmessage 
EI) myonline 
BI) Yeb 服务 扩展 
由 dee 默认 SITP 虚拟 服务 器 
由 FRU, m 虚拟 服务 器 i T" 
i [ I 


图 2-13 站 点 主 目录 下 的 内 容 组 织 


3. 使 用 虚拟 目录 


在 一 个 网 站 中 ,网 站 主 目录 及 其 中 的 子 文件 夹 , 称 为 物理 目录 。 他 辑 上 讲 , 只 有 主 目 录 
下 的 文件 才 是 网 站 的 组 成 部 分 。 如 果 要 把 本 机 上 其 他 文件 夹 , 甚 至 是 网 络 中 其 他 计算 机 上 
的 文件 夹 作为 Web 站 点 的 内 容 , 则 需要 使 用 虚拟 目录 。 虚 拟 目录 可 以 看 做 是 Web 站 点 主 
目录 下 指向 其 他 物理 目录 的 指针 。 

1) 使 用 虚拟 目录 的 好 处 

使 用 虚拟 目录 可 以 将 Web 站 点 的 数据 保存 到 本 机 上 主 目录 以 外 的 物理 目录 中 ,甚至 是 
其 他 的 计算 机 中 ,避免 Web 站 点 数据 占用 服务 器 太 多 的 空间 。 

另外 , 当 数据 移动 到 其 他 的 地 址 时 ,不 会 影响 Web 站 点 结构 。 此 时 不 需要 更 改 虚拟 目 
录 的 名 称 , 只 需要 重 设 虚拟 目录 ,将 虚拟 目录 指向 新 的 物理 目录 即 可 。 

2) 建立 虚拟 目录 

要 建立 虚拟 目录 ,可 按照 下 面 的 步骤 操作 : 在 “Internet 信息 服务 控制 台 目 录 树 中 , 右 
击 某 Web 站 点 ,在 快捷 菜单 中 ,指向 “新 建 ”, 单 击 “ 虚 拟 目 录 ”, 启 动 “虚拟 目录 创建 向 导 ”, 按 
照 向 导 提 示 操 作 ,依次 输入 “虚拟 目录 别名 ”虚拟 目录 对 应 的 实际 物理 目录 ,以 及 设置 虚拟 
目录 的 访问 权限 。 最 后 单 击 “ 完 成 ”按钮 ,返回 “Internet 信息 服务 (IIS) 管 理 器 ”控制 台 , 即 可 
显示 新 建 的 虚拟 目录 。 

使 用 虚拟 目录 ,可 以 实现 在 一 个 Web 应 用 中 简单 地 增加 其 他 页 面 , 而 这 些 页 面 和 现 有 
的 内 容 可 能 是 没有 直接 关系 的 , 它 可 能 是 临时 性 的 。 此 时 只 需要 通过 http:// 域 名 或 IP 地 
址 /虚拟 目录 /文件 名 (包括 扩展 名 ) 访 问 主 目录 以 外 的 文件 。 其 中 ,http:// 域 名 或 IP 地 址 / 
代表 Web 站 点 的 根 , 即 对 应 实际 的 站 点 主 目录 . 主 目录 下 的 文件 可 以 通过 实际 的 相对 路 径 
访问 。 如 果 要 访问 主 目录 以 外 的 文件 , 则 需要 使 用 虚拟 目录 。 虚 拟 目录 可 以 简化 站 点 的 管 
理 , 这 些 内 容 可 以 被 删除 而 不 会 影响 原 有 的 站 点 结构 。 

例如 ,在 本 地 计算 机 上 的 Web 站 点 上 ,建立 一 个 名 称 为 hao 的 虚拟 目录 ,对 应 实际 物理 
目录 是 d: \hao, 里 面包 含 文件 haoHome. htm, 要 浏览 该 网 页 ,在 地 址 栏 中 输入 : http:// 
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127.0. 0. 1/hao/haoHome. htm 即 可 。 
4. 文件 夹 和 文件 的 命名 


在 开发 实践 中 ,为 了 管理 的 方便 ,在 命名 文件 和 文件 夹 时 ,需要 遵循 下 面 几 条 一 般 性 的 
命名 原则 : 

(1) 使 用 名 称 前 级 。 因 为 文件 和 文件 夹 的 列表 通常 按照 字母 顺序 ,因此 ,可 以 给 功能 相 
近 的 文件 夹 或 文件 使 用 相同 的 名 称 前 级 ,从 而 保证 列表 时 能 够 挨 在 一 起 。 

(2) 使 用 名 称 后 缀 或 序号 。 许 多 功能 可 以 分 成 几 个 步 又 ,每 一 个 步骤 可 能 是 一 个 网 页 
文件 ,为 了 管理 方便 ,在 命名 这 些 网 页 文件 时 ,可 以 在 名 称 后 面部 分 添加 序号 或 后 级 ,这 样 可 
以 保证 在 列表 中 ,这 些 文件 是 顺序 相连 的 。 

例如 ,注册 一 个 用 户 ,可 能 分 成 两 个 步骤 ,对 应 的 网 页 文件 名 可 以 为 : newuser( 注 册 信 
息 输入 页 面 ) ,newusersave( 数 据 库 操作 ) ,也 可 以 命名 为 newuserl ,newuser2 等 。 

(3) 大 小 写 问 题 。 有 的 Web 服务 器 (例如 Tomcat) 区 分 文件 夹 和 文件 名 大 小 写 ,命名 
时 要 注意 。 

(4) 避免 中 文 命名 。 因 为 有 些 Web 服务 器 对 中 文 命名 支持 不 好 ,在 命名 文件 夹 和 文件 
时 ,尽量 避免 中 文 名 。 


234 连接 到 Web 站 点 


Web 站 点 是 由 一 系列 的 文件 夹 构成 的 ,每 个 文件 夹 中 包含 了 一 系列 的 文件 和 数据 。 每 
个 Web 站 点 都 有 一 个 主 目录 文件 夹 ,该 文件 夹 中 包含 站 点 的 首页 文件 。 要 连接 到 一 个 
Web 站 点 ,应 该 在 浏览 器 地 址 栏 中 输入 Web 站 点 的 URL ,一 般 形式 为 : 

http:// 网 址 :端口 号 /路 径 / 文 件 名 ? 参数 表 


其 中 : 

(1) 网 址 : 可 以 是 域名 ,也 可 以 为 IP 地 址 。 端 口号 对 应 Web 服务 器 上 设 定 的 Web 站 
点 TCP 端口 ,默认 值 为 80。 如 果 端 口号 为 80, 则 在 URL 中 可 以 省 略 不 写 。 

(2) 路 径 : 是 指 相对 于 Web 站 点 主 目录 的 相对 路 径 ,如 果 不 指定 路 径 , 则 代表 站 点 主 
目录 。 

(3) 文件 名 : 访问 一 个 Web 站 点 , 即 从 Web 站 点 中 指定 的 路 径 中 下 载 文件 ,并 传输 到 
客户 端 浏览 器 进行 显示 的 过 程 。 因此 ,在 URL 中 需要 指定 要 下 载 文件 的 路 径 和 文件 名 。 
如 果 未 指定 文件 名 , 则 代表 要 下 载 网 站 首页 文件 ,首页 文件 在 Web 站 点 属性 中 设置 ,并 存储 
在 Web 站 点 根 目录 中 。 

(4) 参数 表 : 在 访问 一 个 网 页 文件 时 ,特别 是 带 有 脚本 的 网 页 ,有 时 候 需 要 将 一 些 参 数 
传 给 网 页 中 的 脚本 程序 ,这 些 要 传递 的 参数 在 文件 名 后 面 的 “?” 后 面 列 出 。 

如 果 是 在 IIS 服务 器 计算 机 上 ,也 可 以 输入 http://127. 0. 0. 1 或 http://localhost 来 
访问 本 机 上 的 Web 站 点 。 其 中 ,localhost 为 本 机 (127. 0. 0. 1) 的 域名 。 可 以 用 记事 本 打开 
hosts 文件 (文本 文件 ,无 扩展 名 ,存储 在 \WINNT\system32\drivers\etc 文件 夹 中 ) 看 到 
127.0.0. 1 的 域名 为 localhost. 
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24 Web 站 点 的 配置 


当 Web 站 点 建立 后 ,还 需要 对 Web 站 点 进行 管理 ,管理 Web 站 点 是 通过 Web 站 点 属 
性 对 话 框 来 完成 的 。 在 “Internet 信息 服务 管理 器 ?控制 台 目 录 树 中 , 右 击 站 点 ,执行 “属性 ” 
命令 ,打开 站 点 属性 对 话 框 , 通 过 站 点 属性 对 话 框 ,可 完成 一 个 站 点 的 配置 和 管理 。 


241 设置 web 站 点 端口 号 


在 Web 站 点 属性 对 话 框 中 ,“ 网 站 ”选项 卡 列 出 了 网 站 的 一 般 属性 ,默认 值 为 创建 站 点 


时 的 用 户 输入 ,如 图 2-14 所 示 。 


2x 
B 1 HTTP 头 | BELMA 
网 站 | owe | zw 第 选 器 | zHR | xe | 
『 网 站 标识 
So: mmo 
于 地 址 WD): [E840 了 ] ma... 
eao: [Fo — sewon: | 
连接 超时 Q0- 120 E 
Te 保持 ITTP 连接 加 ) 
[v BIBERERQ 
活动 日 志 格 式 四 
sc 扩展 上 志文 ff 式 z meo | 


[本 |] xw | coe | ww | 
图 2-14 Web 站 点 属性 对 话 框 


在 Web 站 点 选项 卡 中 ,包括 三 个 区 域 的 设置 。 


1. 网 站 标识 


。 说 明 : 输入 对 该 站 点 的 说 明 性 文字 ,该 文字 将 作为 站 点 名 字 出 现在 Internet 信息 服 


务 管理 器 控制 台 目 录 树 中 。 


IP 地 址 : 设置 此 站 点 要 使 用 的 TP 地 址 ,如 果 计 算 机 中 设置 了 多 个 IP 地 址 ,可 以 选 


择 其 中 一 个 。 如 果 该 服务 器 上 同时 运行 多 个 Web 站 点 , 单 击 “ 高 级 ”按钮 ,可 进行 进 


一 步 的 设置 。 


TCP 端口 : HTTP 服务 的 默认 端口 为 80 ,如 果 设 置 其 他 端口 ,例如 将 端口 号 设置 为 


8001, 则 客户 要 访问 该 网 站 时 ,在 浏览 器 地 址 栏 中 需要 给 出 端口 号 , 即 http:// 网 


址 :8001/。 


38 


Web 技 术 导论 (第 2 版 ) 


2 连接 


* 限制 到 : 当 IIS 服务 器 的 内 存 和 网 络 带宽 较 小 时 ,可 以 限制 该 Web 站 点 可 以 连接 的 
客户 数量 。 选 择 * 限 制 到 ? 单 选 钮 ,可 以 指定 该 站 点 最 多 的 连接 数量 。 

。 连接 超时 : 如 果 客 户 端 建立 了 连接 ,在 连接 超过 规定 的 时 间 内 没有 访问 操作 ,系统 
将 该 连接 强制 断 开 

* 启用 保持 HTTP 激活 : 如 果 一 个 网 页 中 插入 了 其 他 文件 (如 图 片 \ 动 画 等 ), 让 网 页 
和 其 中 的 文件 通过 一 个 连接 传送 ,从 而 降低 Web 站 点 的 负担 。 

如 果 清 除 “ 启 用 保持 HTTP 激活 ? 复 选 框 , 当 网 页 中 包含 多 个 文件 连接 时 ,客户 端 每 下 


载 一 个 文件 就 要 与 Web 服务 器 建立 一 个 连接 ,将 降低 Web 服务 器 的 执行 性 能 。 


3. 启用 日 志 记录 
选择 该 选项 将 启用 Web 站 点 的 日 志 记录 功能 ,该 功能 可 记录 用 户 活 动 的 细节 并 以 选择 


的 格式 创建 日 志 。 启 用 日 志 记 录 后 ,需要 在 “活动 日 志 格式 ”列表 中 选择 格式 。 


242 设置 Web 站 点 主 目录 


主 目录 是 一 个 网 站 的 根 ,网 站 的 所 有 文件 都 保存 于 主 目录 及 其 所 包含 的 子 文件 夹 中 ,或 


者 通过 虚拟 目录 使 用 主 目 录 外 的 物理 文件 夹 。 根 据 客户 访问 Web 站 点 的 验证 过 程 , 当 用 户 
通过 身份 验证 后 , 接 下 来 ,Web 站 点 会 根据 站 点 的 权限 设置 来 决定 可 以 提供 给 用 户 的 服务 ， 
例如 从 网 站 浏览 网 页 (下 载 文件 ) 、 上 传 文件 等 。 


在 网 站 属性 对 话 框 中 , 单 击 “ 主 目录 ”选项 卡 ,如 图 2-15 所 示 。 


zix 
目录 安全 性 l HTTP 头 1 BELMA | 
网 站 | e ”| Isa 第 选 器 主 目录 文档 
此 资源 的 内 容 来 自 : 
c gor 
C 另 一 台 计算 机 上 的 共享 G) 
C 重 定向 到 VRLQW) 
本 地 路 径 @©): — [D \YuanToneheb MEQ... | 
T Boys I Iv 记录 访问 
M 读 职 @) [v RRD 
T SA 
T Bx 
应 用 程序 设置 
应 用 程序 名 W: [posu E. 1 | 
开始 位 置 : <ayieb> 
SERO: ELS z] mem 
应 用 程序 池 QD : [ne£ast tpsFool z] 5020 | 


L[ 99 ] ms [up sm | 


图 2-15 网 站 属性 对 话 框 < 主 目录 ?选项 卡 
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1. 访问 权限 设置 


。 读 取 : 默认 状态 下 Web 站 点 拥有 读 取 权 限 , 即 站 点 提供 客户 读 取 服 务 器 上 文件 的 权 
限 , 即 客户 可 以 从 站 点 中 下 载 文件 。 

。 写 入 : 允许 用 户 上 传 文件 ,或 提交 表单 改变 网 页 内 容 。 

。 目录 浏览 : 允许 用 户 浏览 站 点 目录 , 当 客 户 通过 浏览 器 连接 到 本 站 点 时 ,如 果 未 指 
定 文件 名 和 目录 ,站 点 也 没有 启用 默认 文档 ,或 默认 文档 不 存在 ,将 看 到 此 站 点 的 目 
录 列 表 ( 不 显示 虚拟 目录 ) ,如 图 2-16 所 示 。 


127.0.0.1 - / - Microsoft Internet Explorer 
文件 编辑 EE) SEV 收藏 A) IAV 帮助 0 

QAE- O-ha GORR cox e OO s e- 
HEW [8] http://127.0.0.1/ Jg 


127.0.0.1 - / 


LJ 
#2 


2007 年 8 月 30 日 «dir» database 
2007 年 8 月 30 日 <dir> images 
2007 年 8 月 30 日 O index.asp 


2007 年 8 月 30 日 «dir» mybbs 
2007 年 8 月 30 日 «dir» myinstantmessage 
2007 年 8 月 30 日 «dir» myonline 


图 2-16 网 站 目录 浏览 界面 


2 应 用 程序 设置 
应 用 程序 设置 可 以 指定 何 种 应 用 程序 可 以 在 Web 站 点 执行 ,在 执行 许可 列表 中 ,包括 


“无 "“ 纯 脚本 ”和 “脚本 和 可 执行 程序 ”。 


如 果 选 择 “ 无 ”, 则 不 允许 在 Web 站 点 中 运行 程序 (包括 服务 器 端 ASP 脚本 ), 当 浏览 一 


个 ASP 页 时 ,会 显示 “网 页 无 法 显示 ”, 在 页 面 中 提示 :“ 您 试图 从 目录 中 执行 CGI, ISAPI 
或 其 他 可 执行 程序 ,但 该 目录 不 允许 执行 程序 ”。 


选择 “ 纯 脚 本 ”, 则 只 能 执行 ASP 程序 等 。 选 择 “ 脚 本 和 可 执行 程序 ”, 则 所 有 的 应 用 程 


序 ( 包 括 exe 文件 和 dll 库 ) 都 可 以 在 Web 站 点 上 执行 。 


243 Web 站 点 目录 安全 性 配置 


Web 站 点 的 安全 性 设置 主要 是 通过 “目录 安全 性 ”选项 卡 完成 的 ,在 介绍 具体 的 安全 性 


设置 以 前 , 先 来 介绍 Web 站 点 的 访问 机 制 。 


当 客 户 端 通过 浏览 器 向 Web 站 点 发 出 访问 某 个 页 面 的 请 求 时 ,Web 服务 器 收 到 客户 
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的 请 求 后 ,将 启动 一 个 验证 过 程 ,来 决定 是 否 将 网 页 传 给 客户 端 ,验证 过 程 如 图 2-17 所 示 。 


1. 客户 端 来 自 允许 访问 的 IP 
地 址 吗 ? 


2. 客户 端 输 入 的 账户 和 密码 
是 否 正 确 ? 


3. Web 站 点 是 否 提供 了 客户 端 
可 以 访问 数据 的 服务 ? 


4. 若 被 访问 的 文件 存储 在 NTFS 
系统 中 ， 该 用 户 是 否 有 NTFS 
的 访问 权限 ? 


拒绝 访问 资源 


允许 访问 资源 


2-17. 客户 访问 请 求 验证 过 程 


通过 验证 过 程 的 验证 后 ,如 果 网 页 是 HTML 类 型 的 , 则 Web 服务 器 将 把 该 网 页 直接 传 
送 到 客户 端 浏览 器 。 如 果 网 页 为 ASP、JSP 等 含有 服务 器 脚本 的 文件 , Web 服务 器 将 先 在 
服务 器 端 执 行 该 网 页 文件 ,然后 将 执行 结果 网 页 传 给 客户 端 浏 览 器 。 

要 进行 Web 站 点 的 安全 性 设置 ,在 站 点 属性 对 话 框 中 , 单 击 “ 目 录 安 全 性 ”选项 卡 ,如 
图 2-18 所 示 。 


auxi 
Ru | 性能 | ws | £A% | 文档 | 
目录 安全 性 | HTP 头 | BELMA 


确定 | 取消 mmu | 帮助 | 


图 2-18 网 站 属性 对 话 框 “目录 安全 性 ”选项 卡 


TIP 地 址 及 域名 限制 
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在 IP 地 址 及 域名 限制 区 域 中 , 单 击 "编辑 "按钮 ,如 图 2-19 所 示 。 
E 


IP 地 址 访问 限制 


BURET: MAHB: fC 


TARA: 


&) C 拒绝 访问 四 


访问 IP 地 址 子 网 掩 码 ) 


添加 .| 
TUIS QU | 
编辑 (0) | 


取消 so | 


图 2-19 


"IP 地 址 和 域名 限制 ”对 话 框 


在 "IP 地 址 和 域名 限制 ?对 话 框 中 ,选择 “授权 访问 ”, 然 后 单 击 * 添 加 ?按钮 ,可 以 指定 不 
能 访问 该 站 点 的 IP 地 址 。 类 似 地 ,选择 “拒绝 访问 " 单 选 钮 ,通过 添加 ,可 以 指定 在 拒绝 访问 


中 ,能 够 访问 该 站 点 的 IP 地 址 清单 。 


当 用 户 来 自 拒绝 访问 的 IP 地 址 时 ,客户 浏览 器 端 会 收 到 “您 没有 权限 查看 网 页 ”的 提示 
信息 。 一 般 情况 下 ,如 果 网 站 是 公开 的 ,一般 选择 “授权 访问 ”, 然 后 单 击 * 添 加 ”按钮 ,把 不 被 
欢迎 的 IP 地址 列 出 。 相 反 , 如 果 网 站 是 一 个 特殊 的 站 点 ,只 允许 部 分 人 访问 , 则 选择 “拒绝 


访问 ”, 然 后 把 可 以 访问 的 IP 列 出 。 
2. 匿名 访问 和 验证 控制 


当 Web 站 点 验证 了 客户 端的 IP 地 址 后 ， 
接 下 来 查看 该 站 点 是 否 允 许 匿名 访问 。 如 果 站 
点 不 允许 匿名 访问 ,或 者 客户 端 要 访问 的 文件 
有 特殊 的 NTFS 限制 ,此 时 客户 端 需要 输入 用 
户 账户 和 密码 。 

当 Web 站 点 允许 匿名 访问 时 ,客户 端 不 需 
要 输入 账户 和 密码 就 可 以 访问 网 站 的 数据 ,此 
时 Web 站 点 会 尝试 用 Internet Guest Account 
账号 “ITUSER_ 计 算 机 名 称 ” 这 个 内 部 账户 让 计 
算 机 登录 。 要 设置 匿名 访问 ,在 “匿名 访问 和 验 
证 控制 区域 中 , 单 击 “ 编 辑 ” 按 钮 ,打开 “身份 验 
证 方法 ”对 话 框 ,如 图 2-20 所 示 。 

选择 “匿名 访问 ”。 单 击 “ 编 辑 ” 按 钮 ,打开 
“匿名 用 户 账号 ”对 话 框 。 在 该 对 话 框 中 ,可 以 
指定 用 于 匿名 访问 的 匿名 用 户 账号 。 匿 名 访问 
使 得 每 个 人 都 可 以 使 用 上 述 账 号 访问 Web 网 


zi 
W oA 
对 匿名 访问 使 用 下 列 Windows APKP: 
用 记名 WW; ss ë ë O —  — ARD 
sao: [p 


F 集成 Windows 身份 验证 四 

厂 Windows 域 服务 器 的 岳 要 式 身份 验证 立 ) 

T- 基本 身份 验证 (以 明文 形式 发 送 密码 ) (8) 

厂 NET Passport 身份 验证 W) 
EURO) | o 
I 和 


取消 amw 


图 2-20 “身份 验证 方法 ”对 话 框 
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站 。 如 果 匿 名 账户 没有 足够 的 NTFS 权限 ,系统 会 根据 在 “验证 访问 ”区 域 中 选择 的 验证 方 
式 , 要 求 用 户 输入 账号 和 密码 ,如 果 未 选择 任何 验证 方法 , 则 系统 不 提示 用 户 输入 账户 和 密 
码 , 而 是 直接 拒绝 用 户 对 该 页 的 访问 。 

一 般 情况 下 ,如 果 Web 站 点 连接 到 Internet, 一 般 选择 “启用 匿名 访问 " 复 选 框 , 即 允 许 
匿名 访问 。 


3. 使 用 权限 向 导 


如 果 Web 站 点 设置 了 匿名 访问 , 当 客户 访问 该 站 点 时 ,仍然 出 现 * 输 入 网 络 密码 "对话 
框 ,这 是 由 于 匿名 账户 不 拥有 要 访问 的 NTFS 权限 造成 的 。 

为 了 避免 遗漏 对 Web 主 站 点 的 NTFS 权限 设置 ,导致 客户 端 不 能 正常 地 访问 所 需要 的 
Web 页 ,在 Internet 信息 服务 控制 台中 ,提供 了 * 权 限 向 导 ?” 命 令 。 右 击 站 点 ,在 快捷 菜单 中 
指向 “所 有 任务 ”, 单 击 “ 权 限 向 导 ”, 启 动 *IIS 权限 向 导 ”。 按 照 向 导 提 示 操 作 , 一 般 取 默 认 
值 ,最 后 单 击 “ 完 成 ”按钮 。 再 来 访问 该 站 点 ,看 能 否 成 功 。 


244 设置 Web 站 点 默认 文档 


下 面 介绍 如 何 设置 站 点 的 默认 文档 , 即 相 当 于 站 点 的 首页 。 默 认 文档 可 以 是 HTML. 
文件 ,也 可 以 是 ASP JSP 等 包含 服务 端 脚本 的 文件 。 当 用 户 通过 浏览 器 连接 到 Web 站 点 
时 ,如 果 没 有 指定 要 浏览 的 文档 ,Web 站 点 则 将 默认 文档 传送 给 用 户 浏览 器 。 

在 Web 站 点 属性 对 话 框 中 ,选择 “文档 ”选项 卡 ,如 图 2-21 所 示 。 

aix 


目录 安全 性 1 Wm? 头 | BELMA 1 
网 站 | e | armis | AR 文档 
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ES Emo... | 
Ly 


Cm] wo | 


T BRISCESTTIN (0) 


im HIL ERORIZ Yeb 服务 器 返回 的 每 一 个 文 


m E 


图 2-21 网 站 属性 对 话 框 “文档 "选项 卡 


选择 “启用 默认 内 容 文 档 ” 复 选 框 ,用 户 也 可 以 单 击 “ 添 加 ”按钮 ,增加 一 个 新 的 默认 文 
档 , 如 index. htm、startpage. htm 等 。 
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如 果 有 多 个 默认 文档 ,系统 将 把 排 在 前 面 的 文档 优先 传送 给 客户 浏览 器 。 

如 果 选 择 “ 启 用 文档 页 脚 " 复 选 框 , 则 服务 器 在 传送 要 求 的 网 页 之 前 ,会 在 文档 的 底部 插 
入 页 脚 文字 ,然后 再 传送 。 

文档 页 脚 对 应 一 个 HTML 文件 ,这 个 HTML 文件 不 应 该 是 一 个 包含 一 html 二 一 /html 二 、 
二 body 二 二 /body 二 等 标记 的 完整 的 HTML 文件 ,只 能 包含 文字 的 大 小 和 颜色 设置 即 
可 ,如 : 

一 h3 align= right>E- learning 站 点 一 /h3 二 


文件 可 以 用 Windows 操作 系统 中 的 “记事 本 ”程序 编辑 ,并 保存 为 . htm 类 型 的 文件 。 
245 设置 Web 站 点 HTTP 头 


HTTP 头 (HTTP Header) 是 对 现 有 HTTP 标准 的 扩充 ,有 许多 复杂 的 应 用 ,在 
"HTTP 头 ” 选 项 卡 中 ,可 以 对 站 点 做 4 种 设置 ,如 图 2-22 所 示 。 


orree Ee 0s 
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图 2-22 网 站 属性 对 话 框 “HTTP 头 ” 选 项 卡 


选择 “启用 内 容 过 期 " 复 选 框 ,可 以 设置 此 站 点 内 容 到 期 的 时 间 。 当 用 户 浏览 一 个 站 点 
的 某 个 网 页 时 ,服务 器 首先 将 浏览 器 要 访问 的 Web 页 的 URL 返回 到 客户 端 ,客户 端 在 本 地 
硬盘 的 网 页 缓存 中 查找 是 否 存 在 该 页 面 ,如 不 存在 ,将 要 求 服务 器 传送 该 页 面 。 否 则 ,浏览 
器 将 对 要 下 载 Web 页 的 当前 日 期 和 到 期 日 期 进行 比较 ,来 决定 是 显示 客户 端 硬盘 中 网 页 缓 
存 的 页 面 ,还 是 向 Web 站 点 更 新 新 的 网 页 。 

选择 "立即 过 期 ”, 则 网 页 内 容 一 下 载 到 浏览 器 端 该 页 面 就 过 期 了 。 因 此 ,浏览 器 每 次 连 
接 到 该 网 站 时 ,无 论 客户 端的 本 地 网 页 缓存 是 否 存在 对 应 的 页 面 ,页面 都 会 被 重新 下 载 E 
适合 于 一 些 显示 即时 行情 的 网 站 ,如 : 股市 行情 。 
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选择 “此 时 间 段 后 过 期 ”用 于 设置 网 页 的 有 效 期 , 当 浏 览 器 连接 到 该 站 点 浏览 网 页 时 ， 
网 页 被 保存 在 客户 端的 缓存 文件 夹 中 ,时 间 到 后 ,该 网 页 将 自动 地 从 客户 端 缓存 中 删除 , 适 
合 于 一 些 固 定时 间 更 新 的 新 闻 站 点 和 页 面 。 


25 使 用 Apache 和 Tomcat 


在 Web 服务 器 产品 中 ,主要 有 Windows 平台 中 的 IIS 和 Apache/Tomcat, 其 中 后 者 也 
可 以 安装 在 Linux、UNIX 等 操作 系统 平台 中 。Web 服务 器 决定 了 Web 程序 的 类 型 ,IIS 支持 
ASP 和 . net 开发 ,如 果 需 要 开发 基于 Java 技术 的 网 站 , 则 需要 安装 Apache/ Tomcat. 服务 器 。 

在 Windows 平 台中, 相 比 IIS, Apache/ Tomcat 服务 器 的 安装 .配置 和 管理 相对 要 复杂 
一 些 , 但 有 关 网 站 的 基本 概念 是 一 样 的 。 此 外 ,在 Windows 平台 中 ,如 果 已 经 安装 了 
Internet 信息 服务 IIS, 要 使 用 Apache 和 Tomcat. WH Windows 中 的 IIS 服务 停止 或 禁用 。 


25.1 Apache 与 Tomcat 


Apache 是 使 用 最 广 的 Web 服务 器 之 一 ,有 多 个 操作 系统 平台 版 本 , 它 可 以 运行 在 几乎 
所 有 广泛 使 用 的 计算 机 系统 平台 上 ,以 高 效 ,稳定 、 安 全、 免费 而 著称 。 作 为 Web 服务 器 ， 
Apache 服务 器 具有 以 下 特性 : 

。 支持 最 新 的 HTTP/1. 1 通信 协议 。 

。 拥 有 简单 而 强 有 力 的 基于 文件 的 配置 过 程 。 

。 支 持 通 用 网 关 接 口 CGI。 

。 支持 基于 IP 和 基于 域名 的 虚拟 主机 。 
支持 多 种 方式 的 HTTP 认证 。 
集成 Perl 处 理 模 块 。 
集成 代理 服务 器 模块 。 

。 支持 实时 监视 服务 器 状态 和 定制 服务 器 日 志 。 
。 支持 服务 器 端 包含 指令 (SSD 。 

支持 安全 Socket 层 (SSL) 。 

提供 用 户 会 话 过 程 的 跟踪 。 

。 支持 FastCGI, 

。 通过 第 三 方 模块 可 以 支持 Java Servlet。 

Tomcat 是 针对 于 Apache 服务 器 开发 的 JSP 应 用 服务 器 ,是 Java Servlet 和 Java 
Server Pages(JSP) 技 术 的 标准 实现 ,是 基于 Apache 许可 证 下 开发 的 自由 软件 。 可 以 从 网 
站 http://jakarta. apache. org/tomcat/index. html 下 载 不 同 的 Apache Tomcat 版 本 。 

可 以 这 样 认 为 , 当 在 一 台 机 器 上 配置 好 Apache 服务 器 ,可 利用 它 响 应 对 HTML 页 面 
的 访问 请 求 。 实 际 上 Tomcat 部 分 是 Apache 服务 器 的 扩展 ,但 它 是 独立 运行 的 ,所 以 当 运 
fT Tomcat 时 , 它 实际 上 作为 一 个 与 Apache 独立 的 进程 单独 运行 。 当 配置 正确 时 ,Apache 
为 . html 页 面 服务 ,而 Tomcat 实际 上 运行 .jsp 页 面 和 Servlet。 

要 在 Apache 下 运行 JSP, 最 好 的 方案 就 是 选择 Tomcat, 它 具有 免费 、 集 成 度 好 的 优点 ， 
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缺点 是 界面 不 够 直观 ,如 果 是 在 Windows 平台 上 ,还 需要 设置 环境 变量 ,相对 麻烦 。 
252 Apache 的 安装 和 配置 


Apache 服务 器 为 开源 软件 ,可 以 从 Apache 官方 网 站 (http://www. apache. org/) 下 
$. TE Apache 官方 网 站 首页 中 ,有 一 个 “Apache Projects” 列 表 , 显 示 Apache 项 目 超 链接 列表 ， 
单 击 “HTTP Server” 超 链接 ,将 打开 Http Server 项 目 页 面 (http://httpd. apache. org/)。 


1. 下 载 Apache 服务 器 


在 Http Server 项 目 页 面 (http://httpd. apache. org/) ,选择 要 下 载 的 Apache 版 本 。 
需要 说 明 的 是 ,版 本 不 一 定 是 最 新 的 ,但 一 定 要 选择 一 个 稳定 的 版 本 ,目前 使 用 较 广 的 版 本 
是 Apache HTTP Server 2.2.8。 然 后 ,根据 操作 系统 不 同 选择 不 同 的 Apache 服务 器 。 

对 于 Windows 平台 ,有 两 个 可 选 的 版 本 ,分 别 是 Win32 Binary without crypto(no mod 
_ssl) 和 Win32 Binary including OpenSSL 0. 9. 8g. OpenSSL 为 开放 安全 套 接 层 协议 
(Secure Socket Layer, SSL) ,可 以 在 Internet. 上 提供 秘密 性 传输 ,包含 密码 算法 库 、SSL 协 
议 库 以 及 应 用 程序 ,目前 的 版 本 为 0.9. 8g。 选 择 Win32 Binary including OpenSSL 0. 9. 8g 
下 载 ,将 服务 器 文件 apache_2. 2. 8-win32-x86-openssl-0. 9. 8g. msi 下 载 到 本 地 计算 机 (4. 8M). 

目前 ,Apache for win32 使 用 msi 的 形式 发 布 ,. msi 文件 类 型 是 一 种 可 eh 
文件 ,双击 带 . msi 扩展 名 的 文件 时 ,操作 系统 将 . msi 文件 与 Windows 安装 程序 关联 并 运行 
客户 端 安装 程序 服务 Msiexec. exe, 从 而 使 Windows 环境 下 安装 Apache 变 得 非常 We 


2 Apache 的 安装 
当 Apache 服务 器 下 载 后 ,可 以 按照 下 列 步骤 完成 Apache Web 服务 器 的 安装 和 配置 。 
(OD 双击 Apache 的 安装 文件 apache_2. 2. 8-win32-x86-openssl-0. 9. 8g. msi. 执行 安装 
向 导 , 如 图 2-23 所 示 。 
j Apache HTTP Server 2.2 - Installation Wizard 


Welcome to the Installation Wizard for 
Apache HTTP Server 2.2.8 


The Installation Wizard wil hta d Apache HTTP Server 2.2.8 on 
your computer. To continue, click Next. 


WARNING: This program is protected by copyright law and 
international treaties. 


图 2-23 Apache 服务 器 的 安装 
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(2) 单 击 Next 按钮 ,按照 向 导 提 示 ,分 别 输入 Network Domain( 网 络 域名 ,如 : xxx. com), 
Server Name( 服 务 器 域名 ,如 : www. xxx. com) 和 网 站 管理 员 的 Email, 按 照 网 站 的 实际 情况 填 
写 , 如 果 是 个 人 用 户 , 可 能 没有 上 述 数 据 ,可 按 格式 填 一 下 临时 的 名 字 。 如 图 2-24 所 示 。 


间 Apache HTTP Server 2.2 - Installation Wizard 


Server Information 


Please enter your server's information. 


Network Domain (e.g. somenet.com) 
joy 


Server Name (e.g. www.somenet.com): 
sdu.edu.cn. 


Administrator's Emal Address (e.g. webmaster&somenet.com): 
Imygsi365Gyahoo.com.cn 


2-24 Apache 安装 向 导 输 入 信息 屏幕 


在 Apache 的 安装 过 程 中 ,需要 输入 网 站 域名 ,如 果 仅仅 是 本 地 调试 ,使 用 localhost 即 
可 。 然 后 , 单 击 Next 按钮 ,选择 安装 类 型 (Typical 或 Custom), 

单 击 “Typical" 安 装 ,按照 向 导 提 示 操 作 ,选择 安装 路 径 ,直至 安装 完成 。 

Apache 服务 安装 成 功 后 ,在 Windows “开始 ?菜单 中 增加 “Apache HTTP Server 2. 2" 
程序 组 。 同 时 ,在 控制 面板 管理 工具 文件 夹 下 ,双击 “服务 ”图 标 ,显示 Apache 已 经 启动 ， 
以 后 Apache 将 作为 一 项 服务 , 随 着 机 器 的 启动 而 自动 运行 。 

不 需要 重新 开机 , Apache 会 自动 启动 ,在 Windows 任务 栏 的 右 侧 显 示 “Running all 
Apache Services" I E. 此 时 在 IE 地 址 栏 里 输入 : http://localhost 2k http://127. 0. 0. 1 
看 到 默认 的 Apache 首页 ,显示 “It works", 

需要 说 明 的 是 ,如 果 计 算 机 上 已 经 安装 了 IIS, 输 入 http://localhost 后 将 首先 显示 IIS 
的 默认 站 点 。 此 时 ,可 以 按照 第 2. 3. 2 节 的 介绍 停止 IIS 中 的 Web 服务 器 ,或 者 给 IIS 中 的 
Web 服务 指定 一 个 不 同 的 端口 号 (不 同 于 默认 的 80 端口 )。 然 后 再 输入 http://localhost 
即 可 显示 Apache 服务 器 设置 的 页 面 。 此 时 还 可 以 通过 http://localhost; 端口 号 /继续 打 
F IIS 中 的 默认 Web 站 点 。 


3. Apache 的 配置 


Apache 的 主 配置 文件 为 纯 文本 格式 的 httpd. conf ,默认 情况 下 , 它 的 存储 位 置 为 C:\ 
Program Files\Apache Group\Apache\Conf\。 随 着 Apache 版 本 的 发 展 ,趋向 于 使 用 单一 
的 配置 文件 httpd. conf 来 存放 所 有 的 配置 指令 ,如 客户 访问 信息 .记录 认证 信息 和 虚拟 服 
务 器 信息 等 等 。 

Apache 配置 选项 采用 的 是 指令 模式 ,配置 指令 设 定 各 种 参数 的 值 ,例如 : DocumentRoot 
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设置 服务 器 Web 页 面 的 根 目录 。 也 可 以 灵活 地 设置 多 个 基于 IP 或 基于 域名 的 虚拟 Web 
服务 器 ,这 些 Web 虚拟 服务 器 可 以 各 自 定义 独立 的 DocumentRoot 配置 指令 。 而 LoadModule 
指令 则 用 来 指定 加 载 不 同 的 模块 来 实现 对 Apache 服务 器 功能 的 扩充 。 这 些 新 功能 大 多 是 
提供 服务 器 端 对 脚本 技术 的 支持 ,比如 Perl, PHP 等 。Apache 结合 使 用 ApacheJServ 可 以 

实现 对 Java Servlet 及 JSP 的 支持 。 

用 记事 本 打开 它 , 可 以 看 到 这 些 配 置 文件 都 以 文本 方式 存在 ,其 中 “# ”为 Apache 的 注 
释 符号 ,我 们 可 以 在 记事 本 菜单 中 的 编辑 选项 中 单 击 “ 查 找 ” 逐 一 输入 下 面 要 配置 的 关键 字 ， 
并 进行 相应 配置 。 此 外 ,打开 Windows 的 “开始 ”菜单 ,执行 “程序 ”“Apache HTTP Server 
2.2” “Configer Apache Server”“Edit the Apache httpd. conf Configuration File” 命 令 ,将 
打开 记事 本 ,显示 “httpd. conf” 文 本 文件 ,进行 Apache 的 配置 。 

1) 配置 DocumentRoot 

这 个 语句 指定 网 站 路 径 , 即 主页 放置 的 目录 。 默 认 路 径 一 般 是 Apache 安装 目录 下 的 
一 个 子 目录 ,例如 : 


DocumentRoot "C:/Program Files/Apache Software Foundation/Apache2. 2/htdocs" 


根据 需要 ,设置 站 点 的 主 目录 ,例如 我 们 可 以 在 此 处 将 其 设 定 为 “D:/GSL3.0”, 打 开 主 
页 时 ,默认 打开 的 文档 就 直接 去 该 目录 下 查找 了 。 

2) 配置 DirectoryIndex 

这 是 站 点 默认 显示 的 主页 ,一 般 情况 下 ,我 们 在 此 处 还 可 以 加 入 “Index. htm Index. php 

Index. jsp” 等 。 注 意 ,每 种 类 型 之 间 都 要 留 一 空格 。 

上 面 两 步 设置 完成 后 ,启动 浏览 器 ,输入 IP 即 可 访问 自己 的 Web 站 点 。 还 可 以 在 该 文 
件 的 ServerName 处 定义 域名 ,在 ServerAdmin 处 输入 E-mail 地 址 。 以 上 两 条 就 是 在 安装 
时 选择 配置 的 ,以 后 可 以 在 此 处 修改 它们 的 属性 。 

此 外 ,如 果 要 拒绝 一 部 分 人 访问 该 WWW 站 点 ,可 以 到 Apache 的 安装 目录 下 找到 
Access 文件 ,输入 要 禁止 的 IP 地 址 即 可 。 
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Tomcat 是 当前 使 用 最 为 广泛 的 Servlet/JSP 服务 器 , 它 是 JavaSoft 和 Apache 开发 团 
队 合 作 计 划 (Apache Jakarta Project) 的 产品 ,被 Sun 公司 作为 官方 推荐 的 Servlet 和 JSP 容 
器 ,具有 运行 稳定 、 性 能 可 靠 . 免 费 的 特点 ,是 学 习 Web 开发 的 最 佳 选择 。 

随 着 Sun 公司 推出 的 Servlet/JSP 规范 的 不 断 完善 和 升级 , Tomcat. 的 版 本 也 随 之 不 断 更 
新 ,使 得 Tomcat. 的 版 本 很 多 上 且 复 杂 。Tomcat 版 本 和 Servleu/JSP 规范 的 对 应 关系 见 表 2-1。 


表 2-1 Tomcat 版 本 和 Servlet/JSP 规范 的 对 应 关系 


Apache Tomcat 版 本 Servlet/JSP 规范 主要 产品 
6.0.x 2.5/2.1 Tomcat 6.0. 14 
5.5.x 2.4/2.0 Tomcat 5. 5. 12 
4.l.x 2.3/1.2 


3.3.x 2.2/1.1 
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可 以 从 Apache 网 站 http://tomcat. apache. org/ 下 载 所 需要 的 Apache Tomcat 版 本 ， 
本 章 选 择 最 新 的 apache-tomcat-6. 0. 14. exe( 集 成 实现 了 Servlet2. 5 和 JSP2. 1 标准 ) ,讲解 
其 具体 的 安装 和 配置 。 


254 安装 Java 运行 环境 


Tomcat 需要 Java VM(JRE) (Java Runtime Environment), 即 Java 虚拟 机 的 支持 , 因 
此 ,在 安装 Tomcat 以 前 需要 安装 JRE, JRE 可 以 单独 安装 ,也 可 以 随 Java 开发 包 JDK 一 
起 安装 。 安 装 JRE 后 ,在 安装 Tomacat 时 会 自动 监测 到 。 

Java 技术 中 的 Java 运行 环境 包括 两 个 主要 的 部 分 : Java 开发 工具 包 和 Java 运行 环境 
JRE。 它 们 是 基于 Java 技术 开发 和 运行 的 基础 环境 。 在 Windows 平台 上 ,Java 环境 安装 
完成 后 需要 手工 进行 相应 的 环境 变量 配置 , 方 能 正确 地 工作 。 


1. 什 么 是 JDK 和 JRE 


在 安装 Java 环境 以 前 ,需要 介绍 几 个 概念 。 在 Java 技术 中 ,大 家 经 常 看 到 JDK、J2SDK 和 
JRE 等 概念 ,有 了 时候 会 产生 迷惑 ,三 者 是 一 种 什么 关系 呢 ? 

JDK 是 Sun 早期 的 Java 软件 开发 工具 包 (Java Develop Kit,JDK), 包 含 了 所 有 编写 、 
运行 Java 程序 所 需要 的 工具 : Java 基本 组 件 、 库 Java 编译 器 、Java 解释 器 .小 应 用 程序 浏 
览 器 以 及 一 些 用 于 开发 Java 应 用 程序 的 程序 等 。 从 JDK1. 2 起 ,Sun 在 命名 时 开始 使 用 
Java 2, 这 就 是 J2SDK 了 ,又 分 为 企业 版 (Enterprise Edition)J2EE、 标 准 版 (Standard 
Edition) J2SE 以 及 面向 嵌入 式 和 移动 计算 等 领域 的 J2ME(Micro Edition) 三 个 不 同 的 版 
本 ,详细 说 明 可 参见 第 1. 4. 2 节 “Java 技术 ”的 介绍 。 

JRE(Java Runtime Environment) ,顾名思义 是 Java 程序 运行 所 需要 的 环境 。 所谓 跨 
平台 就 是 要 各 种 平台 都 有 一 个 中 间 代 理 , 这 就 是 JRE。 一 般 采 用 Java 技术 开发 出 的 软件 都 
需要 安装 JRE, 所 以 Sun 就 单独 提供 了 JRE 安装 文件 ,以 供 Java 应 用 程序 发 布 时 所 用 。 

以 上 Java 软件 都 可 以 从 Sun 的 Java 网 站 (http://java. sun. com) 上 获取 ,网 站 上 分 别 
提供 了 J2EE SDK、J2SE SDK 以 及 Java VM(JRE) 各 种 版 本 的 下 载 。 


2 安装 JDK 和 JRE 


Sun 公司 网 站 (http://java. sun. com/) 提 供 了 J2SDK 和 JRE 的 集成 安装 和 单独 安装 
文件 ,用 户 可 以 免费 下 载 。 目 前 较 新 ,同时 比较 稳定 的 版 本 是 JDK6。 根 据 开发 和 应 用 的 不 
同 ,可 以 选择 企业 版 或 标准 版 ,我 们 以 J2SE6 为 例 ,介绍 JDK M JRE 的 安装 过 程 。 

首先 ,登录 Sun 官方 网 站 http://java. sun. com/ ,在 常用 现在 区 域 (Popular Downloads) 单 
击 “Java SE” 超 链接 ,显示 Java JDK 和 JRE 下 载 界面 ,选择 “JDK 6 Update 3”, 下 载 文件 为 
jdk-6u3-windows-i586-p. exe, 包 含 了 JDK6 和 JRE。 

接 下 来 进行 JDK6 和 JRE 的 安装 过 程 ,双击 jdk-6u3-windows-i586-p. exe 文件 ,运行 
JDK6 安装 向 导 , 显 示 许 可 协议 ,然后 进行 自 定义 安装 界面 ,如 图 2-25 所 示 。 

按照 向 导 提 示 将 Java 开发 环境 安装 到 计算 机 中 ,默认 的 文件 夹 为 C:\Program Files\ 
java\jdk1. 6. 0_03。 为 了 下 一 步 环境 变量 设置 的 方便 ,通常 需要 修改 默认 安装 目录 ,例如 ， 
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图 2-25 Java 2 SDK 标准 版 安装 向 导 界 面 


直接 安装 在 C:\Java 目录 下 , 即 : C:\Java\jdk1. 6.0_03\, 这 样 


可 以 便于 环境 变量 的 设置 。 


由 于 jdk1.6.0 03 已 经 包含 了 JRE, 如 果 机 器 尚未 安装 JRE, 则 在 安装 jdk1. 6 时 ,JRE 
将 一 并 安装 。 安 装 过 程 也 需要 指定 安装 路 径 。 和 安装 JDK 同样 的 原因 ,可 以 设置 JRE 的 


安装 目录 为 C:\Java\jrel. 6.0_03\。 


当 JDK 和 JRE 安装 完成 后 ,安装 程序 在 C 盘 中 建立 相应 的 文件 夹 结构 ,存储 相应 的 


Java 运行 环境 ,文件 夹 结 构 如 图 2-26 所 示 。 


文件 EE) 编辑 E) FEV KAO IAW WR 


Ani xl 
| f 


OQAR- O- 2| PRR] xex | 5$ > X 19| 回 - 
HE | c: \Java 


af | Ca3dkt. 6.0 03 
C3jret. 6.0 03 


E C Documents and Settings 
se 
E (C jdki.6.0 03 
(Cj bin 
md 
D deno 
£8 C include 
Bere 
BO bin 
g C3lib 
Clib 
局 sample 
E C jrel.6.0 03 
C3 bin 
m lib 
E (C3 Progran Files 
E O Babin 


e TOME 柯 用 磁盘 裤 间 : 23.1 c5) Fs PESTI 


图 2-26 安装 JDK 和 JRE 文 件 夹 结 构 
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按照 向 导 提 示 安 装 完成 后 ,在 “控制 面板 ”中 显示 一 个 咖啡 杯 图 i$. 双击 该 图 标 ,将 
打开 “Java 控制 面板 ”。 
用 户 可 以 通过 “控制 面板 ”中 的 “添加 /删除 程序 ”删除 已 经 安装 的 JDK/JRE。 


3. Java 环境 变量 设置 


JDK 安装 完成 后 ,需要 进行 相应 的 环境 变量 设置 ,以 保证 Java 程序 中 对 JDK 中 类 库 的 
引用 。 需 要 进行 的 环境 变量 设置 包括 设置 JAVA_HOME 和 CLASSPATH 环境 变量 .更 新 
PATH 路 径 设 置 三 个 部 分 

为 了 检查 JDK 安装 程序 是 否 已 经 正确 地 设置 了 环境 变量 ,可 以 使 用 sec 二 环境 变量 
来 检查 ,具体 办 法 是 : 

在 DOS 提示 符 下 ,通过 set 所 环境 变量 二 命令 显示 环境 变量 的 配置 情况 。JDK6 安装 
完成 后 ,环境 变量 设置 检查 结果 显示 如 图 2-27 所 示 


Microsoft Windows [版 本 5.2.37991 
HON 版 权 所 有 1985-2883 Microsoft Corp. 


C:\Documents and E Ee ninistratorsaot JRUR HOME 


环境 变量 Java HoME 没有 定 


C:\Documents and Settings MIdninistrator?set CLASSPATH 

环境 变量 CLassPaTH 没有 定义 

C:\Documents and Settings\Adninistrator>set PATH 

Path-C: WINDOWS Ns ys ten: NUINDOUS NS ys tem32 Nl bem 
PATHEXT =. COM; . EXE; . ; JS; JSE; USP; -WS 


C:\Documents and Settings Adninistrator), 


图 2-27 检查 系统 环境 变量 设置 


如 果 安 装 程序 没有 设置 Java 运行 环境 需要 的 环境 变量 ,应 该 进行 手工 设置 。 根 据 上 述 
的 JDK 安装 路 径 , 设 置 内 容 如 下 : 

set JAVA HOME = C:\Java\jdk1.6.0_03 

set CLASSPATH = .; % JAVA HOME % \l1ib( 注 意 :".;" 一 定 不 能 少 , 它 代表 当前 路 径 ) 

PATH= % PATH % ; % JAVA_HOME % Vbin; $ JAVA HOME % VjreVbin 

各 环境 变量 功能 如 下 : 

JAVA-HOME 表示 Java 的 安装 目录 ,在 其 他 环境 变量 中 使 用 。 

CLASSPATH 定义 Javac 搜索 类 的 路 径 , 它 记录 Java 编译 器 和 解释 器 所 需要 的 类 所 在 
的 路 径 。 即 使 是 用 户 自己 创建 的 类 ,也 应 该 添加 到 CLASSPATH 中 ,这 样 比较 麻烦 ,所 以 
在 CLASSPATH 中 添加 了 一 个 当前 目录 ( 即 *. ; ”)。 这 样 , 当 转 到 用 户 所 在 的 目录 的 时 候 ， 
由 于 javac 编译 生成 的 用 户 类 保存 在 当前 路 径 ,必须 把 当前 路 径 加 到 CLASSPATH 中 ,这 
样 Java 解释 器 才能 够 找到 用 户 的 类 。 有 时 候 , 会 看 到 CLASSPATH 中 包含 .jar 等 压 
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缩 的 class 文件 ?, 把 它 加 入 到 CLASSPATH 中 ,Java 环境 可 以 读 取 该 文件 。 

PATH 变量 是 系统 搜索 可 执行 程序 的 路 径 , 其 中 ,Java 编译 器 (javac. exe) 保 存在 
%JAVA_HOME%\bin 中 ,Java 解释 器 (java. exe) 保 存在 %JAVA_HOME%ANjre\bin 中 ， 
要 在 任何 路 径 下 使 用 javac. exe 和 java. exe, 则 必须 将 上 述 路 径 定义 在 操作 系统 的 Path 环 
境 变 量 中 。 

要 设置 上 述 环境 变量 ,需要 通过 控制 面板 中 的 “系统 ”程序 来 完成 ,具体 步骤 如 下 : 

在 Windows* 控 制 面板 "中 ,双击 “系统 "图标, 打开 “系统 属性 ”对 话 框 ,选择 “高 级 ”选项 
卡 ,如 图 2-28 所 示 。 在 “高 级 ”选项 卡 中 , 单 击 “ 环 境 变 量 ” 按 钮 ,打开 “环境 变量 ”对 话 框 ,如 
图 2-29 所 示 。 


aixi 

aa | 计算 机 名 | 硬件 S0] 目 动 更 新 | 远程 | 
要 进行 大 多 数 改 动 ， 您 必须 作为 管理 登录 。 aixi 
piene [Adainistrator MAPER W 


视觉 效果 ， 处 理 器 计划 ， 内存 使 用 ， 以 及 虚拟 内 存 


ClusterLog 一 log 
ConSpec C: WINDOWS sys ten32 Vend. exe 
FPNONOIC. NO 
NUMBER OF FR.. 2 
os Windows NT 
Path C: WINDOWS sv tem32:C: WINDONS:. zi 
ase RD 其 ED 
Es 
图 2-28 “系统 属性 ”对 话 框 2-29 “环境 变量 界面 


在 环境 变量 窗口 的 “系统 变量 ”区域 ,可 以 新 建 环境 变量 ,或 者 对 已 经 存在 的 环境 变量 进 
行 修改 。 

1) 设置 JAVA_HOME 环境 变量 

在 “系统 变量 区域 , 单 击 “新建 ?按钮 ,打开 
“新 建 系统 变量 ”对 话 框 ,输入 要 新 建 的 系统 变量 
以 及 变量 值 ,如 图 2-30 所 示 。 

输入 完成 后 , 单 击 “ 确 定 ” 按 钮 。 

2) 设置 CLASSPATH 环境 变量 

用 同样 的 方法 ,新 建 系统 变量 CLASSPATH, 2-30 ”新 建 系 统 变量 JAVA_HOME 
如 图 2-31 所 示 。 


EEEEEE :2 


XH: JAVA. HOME 
BA: [C: Java Vj dkl. 5.0 03 -i 


| 


(D jar 的 全 称 是 JavaTM Archive( JAR) file, Æ Java 存档 文件 ,主要 压缩 存储 Java 的 class 文件 。jar 是 JavaJDK 中 
的 命令 ,可 以 在 DOS 提示 符 下 使 用 jar-help 命令 显示 jar 的 使 用 方法 。 


52 


Web 技 术 导论 (第 2 版 ) 


3) 更 新 PATH 路 径 设置 

在 “环境 变量 ”窗口 “系统 变量 "区域 ( 参 见 图 2-29) ,选择 Path 环境 变量 , 单 击 “ 编 辑 ” 按 
钮 ,在 原 有 Path 基础 上 ,增加 *; JAVA. HOMEXVbins WJAVA_HOME%\jre\bin”, 如 
图 2-32 所 示 。 


ajx zix 
变量 名 W: [CLASSPATH ERZ W: [p 
RRAV: [ava e —— RRAV: fin32\Yben ; 4JAVA_HOMEN\bin; KJAVA_HONE 
Cw |] | mw | 
图 2-31 新 建 系统 变量 CLASSPATH 图 2-32 更 新 系统 变量 Path 
4 测试 Java 运行 环境 


设置 完成 后 ,重新 启动 计算 机 ,使 上 述 设 置 生效 。 然 后 在 DOS 提示 符 下 ,依次 输入 下 述 
命令 来 检查 环境 变量 的 设置 情况 : 
c:\> echo $ java home % 


c;V— echo % classpath % 
c:\> echo $ paths 


也 可 以 通过 set <E A o rog LRE, URGE EEE Wa. o AA A F A Aa 
令 检 查 Java 的 运行 是 否 正常 。 


c:\> java - version 


c:\> javac 
输入 上 述 命令 后 ,运行 结果 如 图 2-33 所 示 。 
如 果 能 运行 Java 编译 命令 javac 表明 Java 的 环境 变量 设置 就 没 问 题 了 , 接 下 来 可 以 用 


一 个 简单 的 Java 程序 来 测试 J2SDK 的 安装 。 代 码 如 下 : 


public class Test 
( 
public static void main(String args[ D { 
System. out. println("Hello,My Java program "); 
) 
) 


创建 文件 夹 D:\MyJava, 将 上 述 程序 代码 保存 在 该 文件 夹 下 ,文件 名 为 Test. java( 和 类 
名 一 致 ,包括 大 小 写 )。 然 后 打开 DOS 命令 提示 符 窗口 , 转 到 Test. java 所 在 目录 D:\ 
MyjJava, 然 后 输入 下 面 的 命令 : 


javac Test. java 
java Test 


如 果 显 示 “Hello,My Java program”, 表 明 Java 环境 安装 成 功 ,用 Dir 命令 可 看 到 生成 
一 个 Test. class 的 文件 。 否 则 需要 仔细 检查 环境 配置 情况 。 
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\Docunents and Settings\Adninistrator>javac 
| javac 《选项 > 
其 中 ， 可 能 的 选项 包括 : 

md 


ne 

-g:{lines,vars,source? 

-nowarn 

-verbose 

-deprecation 

-classpath 《路 径 > 

-ep《 路 径 > 

-sourcepath 《路 径 > 

—bootclasspath «Diff» 

-extdirs 《目录 > 

-endorseddirs 《目录 > 

-proc (none only? 

-processor <classi)[,<class2»,<clas: 
的 搜索 进程 

-processorpath 《路 径 > 

-a <8 

-s 《目录 > 

-inplicit:none,class) 


Lue m ENS 
20 mE 
č 


E: 


-version 
-help 
-hkey[=ualue] 
E 

-J 标志 > 


C:\Documents and Settings \Adninistrator>java -version 

java version "1.6.8 83" 

JavuacTM》 SE Runtime Environnent Cbuild 1.6.8_83-b85> 

Java HotSpot<TM) Client UM (build 1.6.0_83-bƏ5, mixed mode, sharing) 


C:\Documents and Settings Administrator), 


图 2-33 检验 Java 运行 情况 


255 Tomcat 的 安装 和 配置 


首先 登录 Tomcat 官方 网 站 http://tomcat. apache. org/. 在 Download 区 域 单 击 
“Tomcat 6. x” 超 链接 ,显示 Tomcat 6. x 的 下 载 界面 ,在 Tomcat 6. 0. 14 的 二 进 制 代码 发 布 
(Binary Distributions) 区 域 , 单 击 “"Windows Service Installer(pgp,md5)” 超 链接 , 即 可 下 载 


Tomcat 安装 程序 ,文件 名 为 apache-tomcat-6. 0. 14. exe 
1 安装 步骤 


执行 Tomcat 安装 程序 apache-tomcat-6. 0. 14. exe, 启 动 安装 向 导 , 按 照 向 导 提 示 执 行 
下 面 步骤 : 

第 一 ,选择 要 安装 的 Tomcat 组 件 . 如 图 2-34 所 示 

在 安装 类 型 下 拉 列 表 中 ,选择 完全 安装 (Full) , Tomcat 将 作为 Windows 服务 器 的 服务 
直接 启动 。 

第 二 ,选择 安装 的 物理 路 径 , 默 认 路 径 为 : C:\Program Files\Apache Software Foundation\ 
Tomcat 6.0。 如 图 2-35 Bras 。 


53 


54 


Web 技 术 导论 (第 2 版 ) 


图 Apache Tomcat Setup 


Choose Components 
Choose which features of Apache Tomcat you want to install, 


Check the components you want to install and uncheck the components you don't want to 
continue. 


install. Click Next to 

Select the type of instali [Im 可 

Or, select the optional € [V] Tomcat li 

components you wish to Start Menu Items js to. 

hatak [V] cocumentation see t descriptio n 
局 ET ] 

Space required: 10.0MB 


Nullsoft Install System v2.22. 


图 2-34 Tomcat 安装 向 导 界 面 


PEE] 
Choose Install Location 
Choose the folder in which to install Apache Tomcat. 


Setup will install Apache Tomcat in the Following folder. To install in a different Folder, click 
Browse and select another folder. Click Next to continue, 


图 2-35 选择 Tomcat 安装 路 径 


为 下 一 步 配置 环境 变量 方便 ,我 们 修改 安装 路 径 为 C:\Tomcat 6.0, 

第 三 ,进行 Tomcat 的 基本 配置 ,包括 HTTP 38 H . Tomcat 的 默认 值 为 8080 ,可 以 修改 
为 80; 管理 员 的 登录 名 和 密码 ,默认 登录 名 为 admin ,密码 可 以 为 空 。 如 图 2-36 所 示 。 

第 四 ,选择 安装 Java Virtual Machine 的 物理 路 径 。 如 果 已 经 成 功 配置 完毕 JDK( 含 
JRE) ,此 时 ,向 导 直 接 指向 J2SDK 中 安装 的 JRE 目录 ,例如 : Ci VjavaVjdkl. 6.0 03。 如 
图 2-37 所 示 。 

最 后 单 击 Install 按钮 ,开始 安装 ,向 导 将 把 有 关 的 文件 复制 到 相关 的 目录 下 ,并 自动 启 
zj Tomcat, Tomcat 安装 完成 后 ,在 开始 菜单 的 “程序 ”组 中 ,将 增加 Apache Tomcat 6 fé 
序 组 。 

第 五 ,测试 安装 是 否 成 功 。 打 开 正 浏览 器 ,在 地 址 栏 中 输入 http://127. 0. 0. 1:8080/ 
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E Apache Tomcat Setup: Configuration Options 


Configuration 
Tomcat basic configuration. 


HTTP}1.1 Connector Port 


Administrator Login 


Java Virtual Machine 
Java Virtual Machine path selection. 


Please select the path of a J2SE 5.0 JRE installed on your system: 


E:Yavaljre1.6,0 03] n 


Nullsoft Install System v2.22 


2-37 指向 JRE 路 径 


(EÈ http://localhost :8080/) .如果 出 现 如 图 2-38 所 示 的 界面 , 则 表明 Tomcat 安装 成 功 。 
Tomcat 安装 完成 后 ,安装 程序 将 建立 相应 的 目录 ,所 建立 的 目录 结构 如 图 2-39 所 示 。 
不 同 的 Tomcat 版 本 ,安装 完成 后 的 文件 夹 结 构 不 同 , Tomcat. 6. 0 的 文件 夹 结 构 比 
Tomcat 5. 5 简单 ,各 文件 夹 及 其 功能 说 明 如 下 : 
。 bin 目录 下 主要 存放 Windows 平台 上 启动 和 关闭 Tomcat 的 脚本 。 
* lib 目录 存放 Tomcat 服务 器 以 及 所 有 Web 应 用 都 可 以 访问 的 jar 文件 。 需 要 注意 的 
是 ,为 了 在 Java 环境 下 能 够 正确 编译 Servlet 文件 ,最 好 把 lib 目录 中 的 jsp-api. jar 和 
servlet-api. jar 复制 到 J2SDK 的 安装 目录 的 lib F H (BI C:\Java\jdk1. 6. 0_03\lib) 
内 ,同时 ,需要 在 CLASSPATH 环境 变量 中 也 增加 这 两 个 .jar 文件 ( 即 在 原 变 量 后 面 输 
A“; c:\java\jdk1. 6. 0_03\lib\jsp-api. jar; c:\java\jdk1. 3.0_03\lib\servlet-api. jar") 。 
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Apache Tomcat - Microsoft Internet Ezplorer <lo xl 
文件 @) RAO ZEV KRW IAD DW | e 


Qa- O- hapa vem o2 7a 008 


tic O) (Æ) http://127. 0. 0. 1:8080/ 


Apache 
Tomcat ache Software Foundat 
http://www.apache.org, 


If you're seeing this page via a web browser, it means you've 
setup Tomcat successfully. Congratulations! 


As you may have guessed by now, this is the default Tomcat home 
page. It can be found on the local filesystem at 


$CATALINA HOME/webapps/ROOT/index.html 


where "SCATALNA HOME" is the root of the Tomcat installation 
directory. If you're seeing this page, and you don'tthink you should 
be, then either you're either a user who has arrived at new 

installation of Tomcat, or you're an administrator who hasn't got 
his/her setup quite right. Providing the latter is the case, please 

refer to the Tomcat Documentation for more detai ed setup and 
administration information than is found in the INSTALL file. s 


LA 
图 2-38 Tomcat 安装 成 功 


aloj xi 
XED d SEO KAW IAD 帮助 0 | er | 
Q% -O ome o xe |E 
ik QD | c: Vroncet. 6.0\eonf -| Es 
文件 严 x| 
E C3 Toncat 6.0 [^ ataline p 7 KB POLICY 文件 2007-7-20 10:20 
C3 bin [S catalina properties — 3 KB PROPERTIES 文件 2007-7-20 10:20. 
ons CES xnl 1 KB XML Document 2007-7-20 10:20 
Dii logging. properties 3 KB PROPERTIES 文件 2007-7-20 10:20. 
O be [9] server. xnl 8 KB XML Document 2008-4-17 7:34 
O tenp [9] toncat-users. xnl 1 KB XML Document 2008-4-17 7:35 
Dao [S] web. xml 50 KB XML Document 2007-7-20 10:20 
C3 docs 
B O exenples 
E Ò host-manager 
日 O manager 
C3 images 
C3 META-INF 
C3 YEB-TIF 
m (C3 or 
E È vork 
El C3 Catalina 
E È localhost 
B- 
C3 does 
O exanples 
O ħost-manager 
C3 manager. 
E O WINDOWS =| >j 


图 2-39 Tomcat 安装 目录 结构 
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conf 目录 存放 Tomcat 服务 的 配置 信息 文件 ,其 中 最 重要 的 是 server. xml 和 web. 
xml, server. xml 是 Tomcat 的 主要 配置 文件 ,可 以 在 其 中 配置 Web 服务 的 端口 、 
会 话 过 期 时 间 、 虚 拟 主机 等 。web. xml 为 不 同 的 Tomcat 配置 的 Web 应 用 设置 默 
认 值 。 另 外 ,在 其 /Catalina/localhost 子 目录 下 还 可 以 设置 网 站 虚拟 目录 和 根 路 径 
信息 等 。 

logs 目录 存放 Tomcat 执行 时 的 Log( 日 志 ) 文 件 。 

temp 目录 存放 Tomcat 运行 的 一 些 临时 文件 。 

webapps 目录 存放 Tomcat 服务 器 自 带 的 两 个 Web 应 用 一 一 host-manager 应 用 和 
manager WJH. ROOT 子 目 录 下 存放 默认 首页 , 即 输入 http://127. 0. 0.1:8080/ 后 
启动 的 页 面 。 

work 目录 存放 JSP 文件 在 运行 时 被 编译 成 的 二 进 制 文件 (Servlet) 。 在 localhost X 
件 夹 下 包含 了 多 个 子 文件 夹 , 其 中 第 一 个 文件 夹 ” ?对 应 Web 服务 的 根 ,Tomcat 执 
行 主 Web 应 用 的 JSP 页 面 时 生成 的 临时 文件 将 存储 在 “C:\Tomcat 6. 0\work\ 
Catalina\localhost\_” 文 件 夹 中 。 其 他 文件 夹 分 别 对 应 虚拟 目录 ,每 建立 一 个 虚拟 
目录 ,在 localhost 文件 夹 中 将 创建 一 个 同名 的 子 文件 夹 。 用 户 可 以 删除 整个 
localhost 子 文件 夹 ,来 删除 所 有 的 临时 文件 。 

有 时 修改 页 面 内 容 后 ,仍然 显示 修改 以 前 的 内 容 ,这 时 可 以 尝试 把 work/Catalina/ 
localhost 目录 中 所 有 内 容 删 除 ,如 果 删 除 时 出 现 无 法 删除 提示 ,需要 关闭 Tomcat, 然 后 再 
删除 。 然 后 重启 Tomcat 即 可 正确 显示 我 们 修改 后 预期 的 内 容 。 

在 Tomcat 6 以 前 的 Tomcat 5. 5 中 ,有 三 个 不 同 的 lib 目录 ,分 别 存储 在 /server、 
/common 和 /shared 目录 下 ,这些 lib 目录 都 可 以 存放 jar 文件 。 那 么 它们 有 哪些 区 别 呢 ? 
区 别 主要 在 于 : 

。 /server/lib 目录 下 的 jar 文件 只 可 被 Tomcat 服务 器 访问 。 

* /common/lib 目录 下 的 jar 文件 可 以 被 Tomcat 服务 器 和 所 有 Web 应 用 访问 。 

。 /shared/lib 目录 下 的 jar 文件 可 被 所 有 Web 应 用 访问 ,而 不 能 被 Tomcat 服务 器 

访问 。 

在 用 户 自己 的 站 点 中 ,WEB-INF 目录 下 也 可 以 建立 lib 子 目录 ,在 lib 子 目录 下 也 可 以 
存放 各 种 jar 文件 ,但 这 些 jar 文件 只 能 被 当前 Web 应 用 访问 。 

接 下 来 即 可 进行 Tomcat 的 配置 ,分 成 四 个 方面 : 根据 上 述 目 录 结 构 进 行 相 应 的 环境 变 
量 设 置 ,配置 Tomcat 服务 端口 ,设置 Tomcat 服务 根 目录 ,建立 虚拟 目录 。 


2 配置 Tomcat 环境 变量 


Tomcat 为 JSP 的 容器 ,要 在 Windows 下 运行 JSP, 需 要 安装 Java 开发 环境 ,同时 需要 
一 些 特殊 的 环境 设置 ,包括 以 下 四 个 系统 环境 变量 ,具体 内 容 应 根据 安装 路 径 设 置 。 
1) 添加 Tomcat 主 目录 环境 变量 


set TOMCAT_HOME = C; VTomcat 6.0 
2) 添加 CATALINA HOME 环境 变量 


set CATALINA HOME = C; VTomcat 6.0 
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3) 更 新 CLASSPATH 环境 变量 

CLASSPATH = . ; % JAVA HOME % \lib; % TOMCAT HOME % Mlib 
4) 更 新 PATH 环境 变量 

PATH= % PATHS ; & TOMCAT HOME % ; % TOMCAT HOME % \bin 


上 述 环境 变量 的 配置 和 Java 环境 变量 的 配置 方法 相同 。 设 置 完成 后 ,重新 启动 计算 
机 ,使 设置 生效 ,然后 再 启动 Tomcat, 

需要 特别 注意 的 是 ,如 果 该 步骤 的 环境 变量 配置 不 对 或 者 server. xml 文件 配置 不 对 
( 见 下 面 的 介绍 ) ,Tomcat 将 无 法 启动 。 另 外 ,如 果 Web 应 用 中 只 是 一 般 的 HTML 文件 ,不 
配置 环境 变量 ,网 站 也 可 以 浏览 ,因此 ,Tomcat 启动 后 ,并 不 意味 着 所 有 的 需要 运行 用 户 
Web 的 设置 都 完成 或 正确 。 

在 实际 应 用 中 ,一 般 需 要 更 改 三 个 基本 配置 : 修改 服务 端口 修改 网 站 的 根 路 径 和 建立 
虚拟 目录 。 在 以 前 的 Tomcat 版 本 中 ,这 些 配置 比较 复杂 。 在 Tomcat 6 中 ,这 些 配置 都 是 
通过 Tomcat 主 配置 文件 conf/server. xml 完成 的 。 


3. 修改 服务 端口 


在 Tomcat 的 安装 过 程 中 ,可 以 设置 Tomcat 服务 端口 ,默认 值 为 8080。 安 装 完成 后 ， 
如 果 需 要 修改 服务 端口 ,可 通过 Tomcat 主 目录 下 的 conf. 目录 中 的 server. xml 文件 完成 。 
不 同 的 Tomcat 版 本 , 主 配置 文件 Server. xml 的 内 容 不 同 。 

对 于 Tomcat 6. 0. x, 利 用 UltraEdit 或 其 他 文本 编辑 器 打开 C: V Tomcat 6. 0\conf\ 目 
录 下 的 Server. xml 文件 ,定位 元 素 二 Connector port — "8080" — , if UAA) Tomcat 服务 的 
设置 端口 为 8080, 如 图 2-40 所 示 。 


as EH <!-- A "Connector" represents an endpoint by which requests are received 
44 and responses are returned. Documentation at : 

45 Java HTTP Connector: /docs/config/http.html (blocking & non-blocking) 
46 Java AJP Connector: /docs/config/ajp.html 

47? APR (HTTP/AJP) Connector: /docs/apr.html 

48 Define a non-SSL HTTP/1.1 Connector on port 8080 

49 --> 

so 日 «Connector port-"EREB] protocol="HTTP/1.1" 

51 connectionTimeout-"20000" 

52 redirectPort-"8443" /> 


2-40 Tomcat 的 服务 端口 信息 


修改 Web 服务 端口 为 http 的 默认 端口 80。 注 意 , 如 果 是 在 Windows 平台 中 ,并 且 安 
装 了 IIS, 则 修改 的 端口 号 不 要 和 IIS 中 的 Web 服务 冲突 。 修 改 完毕 后 ,保存 该 文件 ,然后 
重启 Tomcat 服务 器 ,这样 Tomcat 就 在 新 的 端口 提供 服务 了 。 


4 修改 网 站 根 路 径 


不 同 的 Tomcat 版 本 ,设置 Web 应 用 根 的 方法 也 不 相同 。 在 Tomcat 5. 5. x 中 ,修改 网 
站 根 路 径 的 方法 有 两 种 : 一 种 是 修改 C:\Tomcat 5. 5\conf\ 目 录 下 的 Tomcat. 主 配置 文件 
server. xml; 一 种 是 建立 ROOT. xml 文件 。 在 Tomcat 6. 0.x 中 ,设置 Tomcat 根 的 方法 非 
常 简单 ,只 需要 修改 Tomcat 主 配置 文件 conf/server. xml 即 可 。 
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用 记事 本 打开 Tomcat 主 配置 文件 Server. xml, 定 位 到 文档 尾部 的 二 Host 志 元素 ,添加 
一 个 上 下 文 元 素 ( 二 Context 二 ) ,来 设置 Tomcat 的 根 。 例 如 ,如 果 将 D:\GSL3. 0 设置 为 
Tomcat 的 根 ,设置 如 图 2-41 所 示 。 


D server. xsl - 记事 本 =|DIxl 
LEO RED HLO FEV 帮助 0 
<t-- Define the default virtual host = 
Note: XML Schema validation will not work with Xerces 2.2. 
--> 


<Host name-"localhost" appBase="webapps" 
unpackWARs="true" autoDeploy="true" 
xnlUalidation-"false" xmlNanespaceñware=" false"> 


€t*-- SingleSign0n valve, share authentication between web applications 
Documentation at: /docs/config/valve.html --> 

«t-- 

<ualue className-'"org.apache.catalina.authenticator.SingleSignOün" /> 

way 


4t-- Access log processes all example. 
Documentation at: /docs/config/value.htnl --» 
xac 
«Valve classNane-"org.apache.catalina.values.fccessLogUalue" directory-"] 
prefix-"localhost access log." suffix-".txt" pattern-"connon" rest 


" docBase= "d:\GSL3.0" /> 


</Host> 
</Engine> 
</Service> 
</Server> 


图 2-41 设置 Tomcat 服务 的 根 


需要 特别 注意 的 是 ,Tomcat 区 分 大 小 写 , 志 Context 二 元 素 的 第 一 个 字母 一 定 为 大 写 ， 
且 文 件 夹 名 称 大 小 写 也 必须 和 实际 一 致 。 修 改 完 毕 后 ,在 任务 栏 上 停止 Tomcat, 再 重新 启 
动 ,打开 浏览 器 ,将 运行 根 中 的 index. jsp 程序 页 面 。 

如 果 还 要 建立 虚拟 目录 ,只 需要 再 增加 不 同 的 二 Context 二 元 素 即 可 ,详细 介绍 见 2. 5.7 
节 的 内 容 。 在 Server. xml 中 ,可 以 设置 多 个 不 同 的 虚拟 目录 。 


5. 设 置 Web 应 用 首页 


在 Windows IIS 中 ,我 们 可 以 设置 一 个 Web 站 点 的 首页 ( 即 : 登录 一 个 站 点 ,在 不 指定 
下 载 文件 时 默认 的 下 载 文档 ,一 般 是 存储 在 站 点 主 目录 下 的 index 文件 )。 在 Tomcat 中 ,如 
何 设 置 站 点 首页 呢 ? 

在 Tomcat 中 ,站 点 首页 是 通过 web. xml. 文件 完成 的 , web. xml 文件 又 称 为 站 点 配置 文 
件 。 在 每 一 个 Web 应 用 中 ,往往 在 主 目录 下 包含 一 个 WEB-INF 子 目 录 , 其 中 存储 了 该 站 点 的 
配置 文件 web. xml。 此 外 ,在 Tomcat 的 conf 文件 夹 下 也 包含 一 个 web. xml 文件 ,内容 如 下 : 


iiee H *«welcome-file-list- 

1167 «welcome-file»index.html«/welcome-file» 
1168 «welcome-file»index.htmc/welcome-file» 
1169 «welcome-file»index.jsp«/welcome-file» 
1170 «/welcome-file-list» 

1171 


1172 </web-app> 
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Tomcat 的 conf/web. xml 文件 是 对 所 有 Web 应 用 的 一 个 公共 配置 。 对 于 一 个 具体 的 
Web 应 用 ,如 果 包 含 自己 的 WEB-INF/ web. xml 文件 , 当 两 个 配置 冲突 时 , 则 自己 的 web. xml 
配置 将 覆盖 conf/ web. xml 中 的 设置 。 一 般 情 况 下 ,只 需要 修改 conf/ web. xml 配置 文件 即 
可 ,不 需要 单独 设置 每 一 个 应 用 的 WEB-INF/web. xml 文件 。 


256 建立 并 部 署 Web 应 用 


在 默认 情况 下 ,Tomcat 指向 一 个 默认 的 Web 应 用 (C:\Program Files\ Apache Software 
FoundationV Tomcat 5. 5\webapps\ROOT) ,在 webapps 文件 夹 下 ,还 包含 其 他 的 几 个 Web 
应 用 ,如 jsp-examples、servelets-examples 等 。 


下 面 介 绍 在 Tomcat 下 新 建 Web 应 用 的 方法 和 步骤 。 
1. 规划 Web 应 用 目录 结构 


对 于 一 个 Web 应 用 ,包含 了 大 量 的 网 页 文件 ,为 了 更 好 地 管理 和 维护 ,应 该 按照 一 定 的 
规则 组 织 文 件 。 常 用 的 方法 是 按照 Web 站 点 功能 建立 文件 夹 , 分 别 存 储 相应 的 页 面 文件 。 
图 2-42 是 我 们 根据 一 个 常用 的 Web 应 用 规划 的 文件 夹 结构 。 


=|Dlxl 
XFO RED FEV 收藏 和 IAW HHW | J 
a Py m 
Mw — —CEIEINN 
ENCIT. |  CIIEESEMEEEEESS EECCIDIIC M 
mS 局 sanin -4-1 
z m cric - database XX 2008-4-17 9:52 
(C) database. Dinages XR 2008-4-17 9:52 
(C) inages 局 wbts 文件 来 2008-4-17 9:59 
EC nybòs Dnytloes XX 2008-4-17 10:00 
D images Crmessaee 文件 来 2008-4-17 10:00 
B) (C) nybloes Dryonline PX 2008-4-17 10:00 
CO) mmessage pbess 文件 夹 2008-4-17 10:04 
a O myoxline re- XX 2008-4-17 9:51 
© pobess (B index. jsp S KB JSP 文件 2007-12-11 15:16 
日 mm 1 KB JSP 文件 2008-2-29 10:18 
日 O classes 2 KB JSP 文件 2008-3-3 10:14 


图 test3 jsp 1 KB JSP Xf 2008-3-7 19:05 


图 2-42 Web 应 用 目录 结构 示例 


将 每 一 类 功能 相关 的 页 面 \ 图 片 组织 到 一 个 文件 夹 中 ,例如 : mybbs、myblogs、 
myonline 等 ,在 这 些 文件 夹 中 ,还 可 以 定义 子 文件 夹 . 例 如 定义 images 文件 夹 , 存 储 所 用 到 
的 图 片 。 在 站 点 主 目录 下 ,通常 还 可 以 定义 database 文件 夹 ,存储 站 点 数据 库 文件 ; 定义 
pubess 文件 夹 ,存储 用 户 定义 的 样式 表 。 
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当然 ,还 有 一 个 WEB-INF 文件 夹 ,存储 Web 应 用 的 配置 文件 web. xml 以 及 定义 
classes 和 lib 两 个 子 文件 夹 ,存储 Web 中 用 户 定 义 的 类 。 用 户 定义 的 大 量 的 JavaBean 都 是 
存储 在 WEB-INF/classes 文件 夹 中 的 ,里 面 通常 还 定义 不 同 的 包 , 即 子 文件 夹 。 

在 站 点 主 目录 中 ,包含 了 Web 应 用 的 首页 文件 index. jsp, 也 可 以 包含 一 些 其 他 的 常用 
文件 ,这 些 文件 通常 是 公用 的 ,不 便于 保存 到 一 个 具体 的 功能 文件 夹 中 。 


2. WEB-INF 目录 


在 Tomcat 中 ,每 一 个 Web 应 用 , 主 目录 下 往往 都 包含 一 个 WEB-INF 目录 ,用 于 放置 
一 些 配 置 文件 与 不 希望 外 部 程序 访问 的 隐私 文件 ,在 网 络 上 是 不 允许 访问 该 文件 夹 的 。 在 
WEB-INF 目录 下 有 一 个 Web 应 用 部 署 文件 web. xml, 对 当前 应 用 程序 进行 相关 设置 ,如 
设置 Web 应 用 的 默认 首页 文件 等 。 

在 WEB-INF 目录 下 还 可 以 建立 classes 和 lib 子 目 录 。classes 目录 用 于 放置 Web 应 
用 程序 所 需 调 用 的 类 ,如 JavaBean。 在 运行 过 程 中 ,Tomcat 类 装载 器 先 装载 classes 目录 下 
的 类 ,再 装载 lib 目录 下 的 类 。 如 果 两 个 目录 下 存在 同名 的 类 ,classes 目录 下 的 类 具有 优先 
BU, lib 目录 主要 是 放置 需要 引入 的 jar 文件 ,应 用 程序 导入 的 包 先 从 这 里 开始 寻找 ,其 次 到 
容器 的 全 局 路 径 $TOMCAT_HOME/lib 下 寻找 。 


3. Web 应 用 配置 文件 webxml 


对 Web 应 用 的 配置 是 通过 Web 应 用 配置 文件 web. xml 实现 的 ,类 似 于 Windows IIS 
中 的 站 点 属性 对 话 框 的 配置 。 在 Tomcat/conf 下 包含 一 个 Web 应 用 配置 文件 web. xml. È 
是 所 有 Web 应 用 的 公共 配置 文件 。 此 外 ,在 每 一 个 Web 应 用 中 ,在 主 目录 下 的 WEB-INF 
子 目录 中 ,都 包含 一 个 web. xml 文件 , 它 是 该 Web 应 用 的 部 署 文件 。 当 两 个 配置 中 的 项 目 
冲突 时 , 则 自己 的 web. xml 配置 将 覆盖 conf/web. xml 中 的 设置 。 

在 web. xml 配置 文件 中 , 根 元素 是 二 web-app 二 ,其 中 定义 了 站 点 的 各 种 配置 ,主要 包 
括 以 下 几 个 方面 : 

(1) 网 站 名 称 和 说 明 。 包 括 三 个 XML 元 素 ,分 别 是 : <description> ,<display-name> , 
去 icon, 用 于 设置 站 点 的 描述 .显示 名 称 和 图 标 。 例 如 ,Tomecat 自 带 的 manger 应 用 的 
web. xml 中 的 站 点 说 明 XML 元 素 内 容 如 下 : 

<display - name- Tomcat Manager Application- /display - name> 

<description> 

A scriptable management web application for the Tomcat Web Server; 


Manager lets you view,load/unload/etc particular web applications. 
=/description> 


(2) Servlet 的 名 称 和 映射 。servlet-mapping 元 素 包 含 两 个 子 元 素 : servlet-name 和 
url-pattern ,用 来 定义 Servlet 所 对 应 的 URL. 

(3) Session 的 设 定 。session-config 包含 一 个 子 元素 session-timeout. JH T XE XX Web 
站 点 中 的 session 参数 。 例 如 , 设 定 会 话 时 间 为 20 分 钟 , 对 应 的 XML 元 素 内 容 为 : 

— session- config> 


—session- timeout-20-— /session - timeout 
—/session- config> 
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(4) mime 映射 。mime-mapping 包含 两 个 子 元 素 : extension 和 mime-type, 定 义 某 一 
个 扩展 名 和 某 一 MIME Type 映射 。 例 如 ,要 在 Tomcat 中 打开 Excel 文件 ,需要 在 web. xml 中 
作 如 下 设置 
—nime - mapping> 
«extension xls-/extension^ 
一 mime - type--application/vnd. ms - excel— /mime- type> 
一 /mime - mapping> 
一 mime - mapping> 
extension>csv< /extension> 
—nine - type>application/vnd. ms - excel< /mime- type> 
— /nine - mapping> 
(5) 错误 处 理 。errorpage 元 素 包含 三 个 子 元 素 : error-code , exception-type 和 location ,将 
错误 代码 (Error Code) 或 异常 (Exception) 的 种 类 对 应 到 Web 站 点 的 相应 页 面 。 例 如 : 
一 error - page> 
—error - code-404-— /error - code> 
— location- /error404. jsp— /location— 
—/error- page> 
(6) 默认 首页 设置 。 对 应 的 元 素 声明 一 般 形式 为 : 


—welcome- file- list 
—welcone - file> index. html< /welcome - file> 
—welcone - file> index. htm< /welcome - file> 
— welcome - file> index. jsp 一 /welcome - file> 
— /welcome- file- list 
一 般 情 况 下 ,只 需要 配置 Tomcat 的 conf/web. xml 公共 配置 文件 即 可 ,不 需要 为 每 一 
个 Web 应 用 配置 其 WEB-INF/web. xml 文件 。 


4. 修改 Tomcat 配置 


在 测试 我 们 的 Web 应 用 以 前 ,需要 对 Tomcat 做 相应 的 设置 ,使 得 Tomcat 指向 用 户 的 
Web 应 用 (例如 D:\MyJSP) ,修改 如 下 : 

CD 修改 Tomcat 主 配置 文件 \Tomcat 6. 0\conf\server. xml, 设 置 Web 服务 的 端口 号 
为 80 ,同时 ,修改 默认 Tomcat. 服务 的 根 ,在 server. xml 的 尾部 ,添加 下 列 元 素 ( 参 见 图 2-40) : 

—Context path = "" docBase = "d; MyJSP" /> 


(2) 设置 站 点 首页 ,可 以 修改 Tomcat 配置 文件 \Tomcat 6. 0NconfVweb. xml, 设 置 Web 
应 用 的 一 些 常用 配置 ,默认 首页 为 index. jsp ,无 须 修 改 。 

需要 注意 的 是 ,如 果 已 经 启动 了 Apache Server, 首 先 应 该 在 Windows 的 开始 菜单 中 ， 
在 程序 组 中 找到 “Apache HTTP Server ”程序 组 ,执行 Stop 命令 ,停止 Apache Server。 


5. 测试 新 的 Web 应 用 


当 上 述 修 改 完毕 后 ,在 任务 栏 中 右 击 Tomcat 图 标 培 ,选择 Shutdown: Tomcat 命令 ， 
关闭 Tomcat。 然 后 在 “开始 "菜单 中 重新 启动 Tomcat, 尝 试 运行 用 户 Web 应 用 。 
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在 站 点 根 下 ,建立 一 个 简单 的 站 点 首页 文件 ndex.jsp, 代 码 如 下 : 


< % @ page contentType = "text/html;charset = gb2312" % > 
<html> 
<head> 
<titleœ>Hello, JSP</title> 
</head> 
<body> 
< *out.println(" ff if,JSP!"); $> <br> 
现在 的 时 间 是 : <% = new java. util. Date) & > 
</body> 
</html> 


打开 IE 浏览 器 ,输入 http://127. 0. 0.1/ ,显示 如 图 2-43 所 示 。 


Bicrosoft Internet Explorer 


文件 @) 编辑 E) 500 REW IAV WHW 


Qm- O- AAA ro] o" 
WED fE ë ë ë ë ë ë ë daea 


你 好 ，JSP ! 
现在 的 时 间 是 ， Thu Apr 17 10:43:17 CST 2008 


2-43 ”第 一 个 JSP Web 应 用 首页 


表明 Tomcat 已 经 运行 了 用 户 的 Web 应 用 D:\MYyJSP 目录 下 的 首页 文件 index. jsp。 
用 户 可 以 在 主 目录 下 创建 其 他 的 JSP 文件 ,在 浏览 器 的 地 址 栏 内 输入 : http://127. 0. 0. 1/ 
文件 名 (包含 扩展 名 ) 即 可 执行 相应 的 JSP 文件 了 。 

WMR JSP 文件 中 含有 Java 脚本 程序 ,必须 要 保证 Tomcat 和 J2SDK 的 环境 变量 设置 正 
确 , 否 则 Web 应 用 将 不 能 运行 。 如 果 Web 页 是 . htm 文件 ,运行 与 环境 变量 的 配置 无 关 。 

在 应 用 中 ,如 果 遇 到 不 能 打开 Web 应 用 首页 文件 index. jsp, 应 检查 该 Web 应 用 主 目 
录 下 的 WEB-INF\ web. xml 配置 文件 ,同时 检查 Tomcat 下 的 公共 配置 文件 conf\ web. xml, 确 
认 两 者 是 否 配置 一 致 。 如 果 修 改 了 某 个 JSP 页 面 ,但 重新 运行 仍 显 示 原 先 内 容 , 此 时 需要 
删除 TomcatNworkNCatliniaMocalhost 中 的 所 有 临时 文件 ,也 可 以 直接 删除 localhost 子 文 
件 夹 。 


257 使 用 虚拟 目录 


用 户 如 果 和 希望 使 用 虚拟 目录 ,例如 ,在 不 改变 站 点 主 目录 的 情况 下 ,需要 建立 新 的 Web 
应 用 (对 应 站 点 主 目录 外 的 新 的 文件 夹 ) ,访问 该 Web 应 用 需要 使 用 虚拟 目录 ,在 浏览 器 地 
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址 栏 输入 : http://127. 0.0.1/ 虚 拟 目录 /文件 名 。 

在 Tomcat 6 中 使 用 虚拟 目录 非常 简单 ,只 需要 修改 Tomcat 主 配置 文件 confNserver. 
xml, 在 尾部 增加 一 个 新 的 二 Context 二 元 素 即 可 。 例 如 ,建立 一 个 到 D:/haosite 的 虚拟 目 
录 , 在 server. xml 中 ,在 根 目录 设置 的 后 面 (参见 图 2-41) 增 加 下 述 内 容 : 

«Context path = "/hao" docBase = "d:\haosite" reloadable = "true" crossContext = "true" 

Debug = "0" workdir = "d; \haosite\work"> 

«Context 

其 中 ,path 一 "/hao" 定 义 了 根 下 的 一 个 虚拟 目录 hao. docBase — "d: Vhaosite" 7g He W H 
录 hao 对 应 的 物理 路 径 。 参 数 reloadable 设置 为 true, 表 明 修 改 Servlet 文件 JSP 文件 后 ， 
不 用 重启 Tomcat 即 可 生效 。 

保存 server. xml 文件 ,然后 重启 Tomcat 服务 器 ,可 以 在 地 址 栏 中 通过 虚拟 目录 访问 
D:/haosite 中 的 网 页 文件 了 ,例如 : http://127. 0. 0. 1/hao/index_hao. jsp. 

此 时 ,在 Tomcat 的 临时 文件 夹 C:\Tomcat 6. 0NworkVCatalinaMocalhost 中 ,自动 创建 
一 个 与 虚拟 目录 同名 的 临时 文件 夹 hao, 存 储 该 虚拟 目录 生成 的 临时 文件 。 


258 Apache 和 Tomcat 的 关系 


通过 以 上 的 介绍 ,可 以 看 出 只 用 Tomcat 也 能 够 建立 和 运行 一 个 Web 站 点 ,那么 
Apache 和 Tomcat 是 一 种 什么 关系 呢 ? 是 不 是 两 者 必须 一 起 使 用 呢 ? 

实际 上 Apache #1 Tomcat 的 作用 是 不 一 样 的 .Apache 主要 是 要 实现 虚拟 主机 ,支持 
PHP、 站 点 性 能 、 安 全 等 方面 时 才 需 要 。 如 果 不 是 要 用 Apache 实现 以 上 功能 ,从 开发 的 角 
度 没 必要 用 Apache 和 Tomcat 配合 ,Tomcat 一 个 就 可 以 完全 应 付 了 。 也 就 是 说 ,不 需要 安 
装 Apache 服务 器 ,单独 使 用 Tomcat 即 可 运行 Web 应 用 。 这 是 因为 ,Tomcat 内 置 了 一 个 
Apache 的 HTTP 服务 ,但 是 它 仅 仅 对 JSP 程序 体现 出 比较 好 的 执行 效率 和 性 能 ,对 于 静态 
页 面 的 处 理 速 度 远 不 如 Apache。 

可 见 , 为 了 提高 Web 系统 的 整体 性 能 ,需要 将 Apache 和 Tomcat 进行 整合 配置 ,具体 
的 实现 请 读者 参考 其 他 书籍 或 从 网 上 查找 。 


26 IIS 和 Tomcat 的 整合 


通过 上 面 的 介绍 ,我 们 知道 IIS 运行 在 Windows 平台 下 ,主要 的 开发 工具 是 ASP, 
Tomcat 主要 是 基于 Java 和 JSP 开发 的 。 能 否 在 IIS 中 使 用 JSP 呢 ? 也 就 是 说 通过 TIS 建 
立 的 Web 站 点 ,可 以 执行 JSP 文件 ,这 就 需要 IIS 和 Tomcat 的 整合 。IIS 和 Tomcat 的 整 
合 主要 是 通过 IIS 中 Web 站 点 属性 对 话 框 的 ISAPI 筛选 器 ?选项 卡 进行 相应 的 设置 。 

对 于 IIS 和 Tomcat 的 系统 整合 比较 麻烦 ,网 上 有 大 量 的 文章 介绍 ,比较 完整 的 介绍 请 
参考 http://www. hclab. com/hclabdata/list. asp? id— 177 中 的 “IIS 和 Tomcat 整合 解决 
方法 ”和 http://www. reynir. net/tomcat/tomcat IIS service jk2. html 中 的 “Tomcat and 
IIS Installation process(jk2)”, 并 且 有 所 需要 的 文件 代码 的 附件 。 具 体 的 整合 步骤 介绍 在 
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此 省 略 。 

另外 ,对 于 在 IIS; Apache fll Tomcat 建立 的 不 同 的 Web 应 用 ,能 同时 运行 吗 ? 答案 是 
肯定 的 。 如 果 在 一 台 计算 机 上 建立 了 多 个 不 同 的 Web 应 用 ,又 分 别 采 用 的 是 IIS 和 
Tomcat, 此 时 只 需要 给 每 个 不 同 的 Web 应 用 不 同 的 端口 号 即 可 。 

同时 ,由 于 Tomcat 建立 的 Web 应 用 对 文件 的 大 小 写 是 敏感 的 ,我 们 还 可 以 将 两 种 应 
用 融合 起 来 。 例 如 ,在 基于 Tomcat 的 Web 应 用 中 通过 超 链接 连接 到 IIS 中 的 Web 应 用 。 
方法 是 : 在 Tomcat 的 Web 中 增加 一 个 指向 IIS 中 Web 应 用 的 链接 http://IP 地 址 : 端口 
号 /, 这 里 用 的 是 IIS 中 建立 的 Web 应 用 的 首页 。 这 样 多 个 Web 应 用 就 可 以 在 一 台 计 算 机 
上 同时 运行 了 。 


27 Web 服务 器 的 远程 管理 


随 着 互联 网 的 发 展 ,服务 器 的 远程 管理 成 为 最 主要 的 管理 模式 。 在 Windows Server 
2003 平台 中 ,只 要 在 服务 器 上 进行 相应 的 配置 ,就 可 以 实现 对 服务 器 的 远程 管理 。 


27.1 使 用 终端 服务 和 远程 桌面 


在 Windows Server 中 ,都 提供 了 终端 服务 组 件 。 因 此 ,管理 员 可 以 在 Windows 服务 器 
上 安装 Windows 服务 组 件 “ 终 端 服 务 ”" 和 “远程 桌面 Web 连接 ”, 然 后 管理 员 就 可 以 使 用 
Windows XP 中 的 “远程 桌面 连接 ”( 在 “附件 "“ 通 信 ? 程 序 组 中 ) 来 登录 到 Web 服务 器 , 实 
现 对 服务 器 的 操作 。 

执行 “附件 >“ 通 信 ? 程 序 组 中 的 “远程 桌面 连接 ”, 首 先 显示 “远程 桌面 连接 ?对话 框 ,如 
图 2-44 所 示 。 


W 远程 朱 面 连接 


HMO: 


ERU 


图 2-44 “远程 桌面 连接 ”对 话 框 


输入 要 连接 的 计算 机 的 IP 地 址 , 单 击 “ 连 接 ” 按 钮 ,显示 “Windows 登录 ”对 话 框 ,输入 
远程 计算 机 上 的 一 个 本 地 账户 和 密码 , 即 可 登录 到 远程 服务 器 ,显示 其 桌面 , 接 下 来 就 如 在 
本 地 一 样 对 远程 的 计算 机 进行 操作 和 管理 了 。 


272 基于 浏览 器 的 服务 器 远程 管理 


在 Windows Server 平 台 的 IIS 的 “万 维 网 服务 ”组 件 中 ,包含 了 “远程 管理 (HTML)” 子 
组 件 , 安 装 该 组 件 后 ,可 以 对 Windows 服务 器 进行 远程 管理 。 
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具体 设置 如 下 : 

CD 在 “计算 机 管理 ”控制 台中 ,在 “服务 和 应 用 程序 ” 结 点 下 ,展开 “Internet 信息 服务 ” 
管理 单元 。 

(2) 在 需要 远程 管理 的 Web 站 点 上 右 击 鼠标 ,打开 快捷 菜单 ,执行 “属性 ”命令 ,打开 
Web 站 点 属性 对 话 框 。 在 Web 站 点 选项 卡 中 , 记 下 该 站 点 的 TCP 端口 号 。 

(3) 在 Web 站 点 属性 对 话 框 中 ,选择 “目录 安全 性 ”选项 卡 ,在 “IP 地 址 和 域名 限制 ”区 
域 , 单 击 “ 编 辑 ” 按 钮 ,打开 “IP 地 址 和 域名 限制 "对话 框 ,执行 下 列 操作 之 一 : 

。 如 果 要 允许 所 有 计算 机 远程 管理 IIS, 单 击 “ 授 权 访问 ” 单 选 钮 。 

。 单 击 “拒绝 访问 ? 单 选 钮 ,然后 单 击 * 添 加 ?按钮 ,打开 * 授 权 访问 "对话 框 ,选择 要 授权 

访问 的 “单机 ”、“ 一 组 计算 机 ”或 者 “域名”, 按照 系统 提示 进行 操作 。 

当 Web 服务 器 上 启用 了 基于 浏览 器 的 Internet 服务 管理 器 (HTML) 后 ,就 可 以 使 用 基 
于 浏览 器 的 Internet 服务 管理 器 了 。 

在 浏览 器 地 址 栏 输入 : https://Web 服务 器 网 址 (域名 或 IP 地 址 ):8098/, 回 车 ,显示 
“连接 到 …” 对 话 框 ,输入 一 个 管理 员 权 限 的 用 户 账户 和 密码 , 则 打开 “服务 管理 ”站 点 , 即 通 
过 Web 接口 远程 维护 Windows Server 2003 服务 器 界面 ,如 图 2-45 所 示 。 


f 7 Windows 


? 


搜索 :| 网 站 描述 z] 


网 站 描述 网 站 IP 地址 
C Administration 全 部 未 分 配 
C 默认 网 站 全 部 未 分 配 


[B [qp internet 


图 2-45 Web 接口 远程 维护 Windows Server 2003 服务 器 界面 


通过 Web 接口 ,可 以 实现 Windows Server 2003 服务 器 的 远程 维护 ,包括 : 站 点 、Web 
服务 器 、 网 络 用户 等 维护 功能 。 
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27.3 对 网 站 的 远程 管理 


如 果 要 对 Windows 服务 器 平台 中 的 网 站 进行 远程 管理 ,可 以 有 很 多 方式 ,除了 上 述 所 
讲 的 几 种 管理 方式 外 ,还 可 以 利用 FTP 和 FrontPage 等 进行 远程 管理 ,其 中 采用 FTP 管理 
网 站 具有 更 好 的 通用 性 ,可 以 管理 各 种 类 型 的 网 站 ; 使 用 FrontPage 只 能 管理 IIS 中 的 网 
站 ,如 果 是 Tomcat 中 的 网 站 , 则 不 能 通过 FrontPage 来 管理 。 

使 用 FTP 管理 网 站 ,需要 对 Web 服务 器 进行 如 下 配置 : 

(1) 在 Web 服务 器 计算 机 上 搭建 一 个 FTP 站 点 ,设置 其 主 目录 为 要 管理 的 网 站 主 
目录 。 

(2) 用 户 登 录 FTP 站 点 , 即 可 看 到 网 站 主 目录 , 接 下 来 就 可 以 对 网 站 进行 维护 操作 了 。 
例如 : 修改 网 页 ,首先 将 要 修改 的 网 页 下 载 ,修改 完毕 后 再 上 传 ,覆盖 原先 的 网 页 。 

可 见 ,该 方式 与 网 站 是 TIS 的 还 是 Tomcat 的 无 关 , 也 不 需要 对 要 管理 的 网 站 的 属性 进 
行 特 殊 的 设置 ,只 需要 FTP 指向 站 点 主 目录 即 可 。 

对 网 站 的 远程 维护 还 可 以 通过 FrontPage、Dreamweaver 等 工具 来 完成 ,这 些 可 视 化 的 
网 页 制作 工具 ,目前 都 包含 了 站 点 远程 维护 功能 。 其 中 ,对 于 要 使 用 FrontPage 管理 的 网 
站 ,不 仅 要 在 服务 器 端 添 加 FrontPage 扩展 ,还 必须 在 IIS 中 对 网 站 属性 进行 设置 ,可 见 
FrontPage 只 能 远程 维护 IIS 中 的 网 站 ,详细 介绍 请 参见 第 4 章 的 内 容 。 


思 考 题 


1. 什么 是 Web 服务 器 ? 有 哪些 主流 的 Web 服务 器 产品 ? 

2. 什么 是 IIS? IIS 6.0 包括 哪些 可 选 组 件 ? 简 述 它们 的 功能 。 

3. 简 述 在 IIS 中 Web 站 点 的 创建 过 程 。 

4. 在 连接 新 建 的 Web 站 点 时 出 现下 面 的 “输入 网 络 密码 "对话 框 ,为 什么 ?” 如何 解决 ? 


输入 网 络 密码 2x 


ge 请 键入 用 户 名 和 密码 。 
站 点 ; 127.0.0.1 


mezv Í 
mo 
“o [ O 


5. 在 Windows 平台 下 ,如 何 实现 Web 服务 器 的 远程 管理 ? 

6. 什么 是 虚拟 目录 ? 使 用 虚拟 目录 有 何 好 处 ? 

7. 当 连 接 到 一 个 IIS 中 的 Web 站 点 ,浏览 一 个 ASP 页 时 ,显示 “网 页 无 法 显示 ”提示 页 
面 ,并 且 在 页 面 中 提示 :“ 您 试图 从 目录 中 执行 CGI、ISAPI 或 其 他 可 执行 程序 ,但 该 目录 不 
允许 执行 程序 ”, 为 什么 ?如 何 解决 ? 
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8. 为 什么 说 Apache 服务 器 是 使 用 最 广泛 的 Web 服务 器 ? 它 有 哪些 主要 特点 ? 

9. Java 运行 环境 包括 哪些 内 容 ? 安装 JDK 后 ,需要 设置 哪些 系统 环境 变量 ? 简 述 设 
置 每 个 环境 变量 的 目的 。 

10. 安装 一 次 Tomcat 6 , 简 述 Tomcat 目录 结构 中 各 个 目录 的 功能 。 

11. f£ Tomcat 6 中 , 简 述 主 配置 文件 conf/server. xml 的 基本 功能 。 

12. 在 Web 应 用 中 , 简 述 WEB-INF 文件 夹 的 作用 ,Web 应 用 配置 文件 web. xml 的 功 
能 是 什么 ? 

13. Tomcat 必须 和 Apache 集成 才能 使 用 吗 ? 为 什么 ? 

14. Tomcat 对 JSP 页 面 是 如 何 处 理 的 ? 

15. 在 一 台 Windows 服务 器 上 ,能 同时 安装 TIS 和 Tomcat 吗 ? 如 果 能 ,在 IIS 下 创建 
的 网 站 和 Tomcat 下 的 网 站 能 同时 运行 吗 ? 如 何 配置 ? 

16. 要 实现 对 Web 站 点 的 远程 管理 ,有 哪些 方式 ? 


HTML 和 XML 基础 


标记 语言 是 Web 应 用 的 基础 ,标记 语言 是 由 内 容 和 标记 组 成 的 。 在 Web 应 用 中 ,所 有 
的 Web 页 面 都 是 以 标记 语言 书写 的 具有 特定 格式 的 文档 。 因 此 ,无 论 是 Web 应 用 还 是 开 
发 ,都 应 该 对 标记 语言 有 一 个 基本 的 认识 。 

标记 语言 主要 有 HTML 和 XML 两 种 ,虽然 都 称 为 标记 语言 ,但 两 者 有 着 本 质 的 区 别 。 
本 章 将 对 两 者 进行 深入 的 讲解 ,特别 是 对 XML fij As XML 相关 技术 规范 的 功能 .相互 之 
间 的 关系 进行 深入 的 讲解 ,从 而 使 得 大 家 对 XML 技术 有 一 个 正确 的 认识 。 


31 标记 语言 及 其 发 展 


广义 上 的 标记 语言 可 以 理解 为 对 内 容 进行 描述 的 规范 或 标准 ,例如 在 出 版 印刷 行业 , 编 
辑 人 员 在 进行 文档 内 容 编辑 时 对 内 容 所 做 的 标记 ,通过 这 些 标记 符号 来 表达 对 内 容 的 修改 
信息 。 在 Web 中 , 超 文本 标记 语言 HTML 则 通过 标记 来 定义 内 容 在 浏览 器 中 的 显示 样式 。 
随 着 语义 Web 的 发 展 以 及 异 构 环境 下 的 数据 交换 需求 ,扩展 标记 语言 XML 则 主要 用 于 对 
数据 结构 和 数据 内 容 进 行 标记 ,成 为 重要 的 数据 表达 、 交 换 和 集成 标准 ,对 数据 的 显示 则 通 
过 其 他 相关 语言 来 完成 ,实现 了 数据 内 容 和 显示 的 分 离 。 


3.1.1 标准 通用 标记 语言 (SGML) 


标准 通用 标记 语言 (Standard Generalized Markup Language,SGML) 是 一 个 用 来 定义 
在 电子 表格 中 如 何 对 文件 的 结构 和 内 容 进行 描述 的 国际 标准 (ISO-8879)。 时 间 可 以 追溯 到 
1969 年 ,当时 美国 IBM 公司 的 研究 人 员 开 始 设 计 一 种 名 为 GML (Generalized Markup 
Language) 的 语言 ,在 印刷 、 统 计 等 需要 大 规模 数据 处 理 的 行业 和 部 门 的 支持 下 ,这 项 研究 
工作 持续 了 十 几 年 ,于 1980 年 推出 了 SGML 语言 ,并 于 1986 年 获得 国际 标准 化 组 织 ISO 
的 批准 。 其 后 ,SGML 的 发 展 较为 平稳 ,并 不 为 其 领域 之 外 的 人 们 所 广泛 了 解 。 直 至 1991 
年 , 当 超 文本 标记 语言 HTML 问世 之 后 ,人 们 才 开 始 认识 SGML, 

为 了 满足 各 种 不 同 的 页 面 表 达 需 要 ,SGML 设计 的 非常 复杂 .SGML 的 正式 规范 达 500 
多 页 。 因 此 使 用 起 来 很 不 方便 ,使 得 它 未 能 得 到 普及 和 大 规模 的 应 用 。 虽 然 SGML 没有 
HTML 那样 应 用 广泛 ,但 是 SGML 定义 了 标记 语言 的 基本 概念 ,奠定 了 标记 语言 的 技术 
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基础 。 

现在 ,在 Web 中 普遍 应 用 的 HTML 和 XML 都 是 在 SGML 的 基础 上 开发 成 功 的 ,可 以 
说 它们 都 是 SGML 的 一 个 子 集 。 作 为 互联 网 信息 共享 的 技术 规范 ,标记 语言 对 互联 网 的 发 
展 起 到 了 巨大 的 推动 作用 。 


312 超 文本 标记 语言 (HTML) 


超 文 本 标记 语言 (HTML) 起 源 于 标准 通用 标记 语言 (SGML) ,由 世界 上 最 大 的 粒子 物 
理 研究 实验 室 欧 洲 核子 研究 中 心 CERN (the European Organization for Nuclear Research) 
于 1991 年 首先 提出 ,是 推动 Web 迅速 发 展 的 原动力 。 

在 互联 网 发 展 的 早期 ,为 了 在 各 种 网 络 环境 之 间 、 不 同文 件 格式 之 间 进 行 交 流 , 在 
SGML 基础 上 ,CERN 提出 了 超 文本 标记 语言 (Hyper Text Markup Language. HTML) KY 
概念 。HTML 是 一 种 用 来 制作 超 文本 文档 的 简单 标记 语言 , 它 定 义 了 一 组 标记 符号 (tag)， 
对 文件 的 内 容 进 行 标 注 ,指出 内 容 的 输出 格式 ,如 字体 大 小 .颜色 .背景 颜色 .表格 形式 、 各 部 
分 之 间 逻 辑 上 的 组 织 等 ,从 而 实现 了 文件 格式 的 标准 化 。 简 单 地 说 ,HTML 文件 包含 了 文 
档 数 据 和 显示 样式 两 部 分 ,其 中 文档 数据 是 显示 在 Web 浏览 器 中 的 数据 内 容 ,显示 样式 则 
规定 了 这 些 内 容 在 浏览 器 中 以 何 种 格式 、 样 子 呈 现 给 用 户 。 通 过 统一 使 用 支持 HTML 的 
浏览 软件 ,用 户 可 以 在 任意 异 构 的 网 络 环境 中 阅读 同一 个 文件 ,得 到 相同 的 显示 结果 ,并 可 
以 对 文件 进行 跳跃 式 阅 读 ,展现 了 很 强 的 表现 力 。 

HTML 主要 版 本 和 发 布 时 间 如 下 : 

(D HTML 2.0,Internet 工程 任务 组 中 的 HTML 工作 组 开发 完成 了 HTML 2. 0, 于 
1996 年 发 布 。 

(2) HTML 3.2, W3C F 1997 4E 1 H 14 日 将 其 列 为 推荐 版 本 ,在 HTML 2. 0 标准 中 
添加 了 诸如 字体 、 表 格 Java 程序 浮动 、 上 标 、 下 标 等 特征 。 

(3) HTML 4.0,W3C 于 1997 年 12 月 18 日 将 其 列 为 推荐 版 本 ,第 二 个 稍 作 修 正 的 
HTML 4.0 版 本 于 1998 年 12 月 24 日 发 布 。HTML 4.0 中 最 重要 的 特征 是 引入 了 样式 表 
CSS 技术 。 

(D HTML 4.01,W3C F 1999 4£ 12 H 24 日 将 其 列 为 推荐 版 本 ,是 HTML 4.0 的 升 
级 版 本 , 它 对 原版 本 做 出 了 部 分 修正 。 


313 可 扩展 HTML 规范 XHTML 


在 HTML 的 发 展 过 程 中 ,暴露 出 一 些 影响 其 发 展 的 缺陷 ,例如 : HTML 的 标记 固定 ， 
HTML 只 是 一 种 表现 技术 ,不 能 表达 语义 ; 不 能 适应 现在 越 来 越 多 的 网 络 设备 和 应 用 的 需 
要 ,比如 手机 、PDA .信息 家 电 都 不 能 直接 显示 HTML; 由 于 HTML 代码 不 规范 、 腾 种, 浏 
览 器 需要 足够 智能 和 庞大 才能 够 正确 显示 HTML; 数据 与 表现 混杂 ,页 面 要 改变 显示 ,就 
必须 重新 制作 HTML。 为 此 ,W3C 不 再 继续 开发 HTML。 

2000 年 底 , W3C 制定 了 可 扩展 HTML. E XHTML, 它 是 HTML 向 XML 过 渡 的 一 个 
桥 粱 。2000 年 1 月 20 Hti XHTML 1.0,XHTML 1.0 是 HTML 4.01 基于 XML 的 形 
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式 。2002 年 8 月 5 日 ,发 布 XHTML 2.0 的 第 一 个 工作 草案 ,其 最 大 的 特点 就 是 取消 了 向 
后 兼容 性 ,去 除了 原先 版 本 中 的 一 些 标记 。 例 如 ,不 再 支持 使 用 很 少 的 二 em> (强调 ) 和 
到 strong 二 标记 等 ,这 就 使 得 原先 的 一 些 网 页 在 XHTML 2. 0 规范 的 浏览 器 中 不 能 正确 
显示 。 

需要 说 明 的 是 ,在 XHTML 的 研发 过 程 中 ,不 确定 的 东西 还 很 多 ,作为 HTML 向 XML 
的 一 种 过 渡 技 术 ,唯一 确定 的 就 是 它 要 更 好 地 表达 文档 中 的 语义 和 结构 ,将 文档 的 内 容 和 表 
现 技术 更 好 地 分 离 ,更 好 地 实现 互联 网 中 的 数据 交换 和 展示 。 


314 可 扩展 标记 语言 (XML) 


HTML 的 不 足 推动 了 XML(eXtensible Markup Language) 的 产生 和 发 展 , 其 核心 思想 
是 实现 数据 和 显示 的 分 离 。1998 年 2 月 10 日 ,XML 工作 组 正式 向 W3C 提交 了 XML 的 
最 终 推荐 标准 ,这 就 是 XML 1. 0 标准 。XML 规范 定义 了 标记 语言 的 主要 特征 ,例如 
DTD, XML 架构 等 基本 要 素 , 这 些 要 素 可 以 很 好 地 用 于 定义 数据 ,实现 异 构 环 境 下 的 数 
据 交换 。 

对 XML 文档 内 容 的 显示 查询 及 操作 则 通过 其 他 一 系列 的 规范 来 实现 ,这 些 相关 的 规 
范 包括 : 可 扩展 样式 语言 KSL, XML 路 径 语 言 XPath, XML 查询 语言 Xquery、 可 扩展 连接 
语言 XLL 以 及 XML 文档 对 象 模型 DOM 与 简单 应 用 程序 接口 SAX 等 ,通过 这 些 规 范 来 实 
现 对 XML 文档 的 显示 及 其 他 各 种 操作 。 


32 超 文本 标记 语言 HIM 


超 文 本 标记 语言 HTML 是 在 SGML 基础 上 发 展 起 来 的 ,是 互联 网 中 应 用 最 为 广泛 的 
标记 语言 ,被 称 为 World Wide Web 的 通用 出 版 语言 。 在 互联 网 中 , 绝 大 多 数 的 网 页 都 是 通 
过 HTML 标记 语言 书写 的 ,所 有 的 Web 浏览 器 都 支持 HTML 规范 ,并 能 很 好 地 显示 
HTML 网 页 文件 。 即 使 是 XML 文档 ,也 通常 需要 通过 XSLT 转化 为 HTML 格式 进行 
显示 。 


321 HIML 标 记 语法 和 文档 结构 


HTML 文档 是 纯 文 本 文件 ,由 “显示 内 容 ” 和 “控制 语句 ”两 部 分 组 成 。 控 制 语句 描述 
了 显示 内 容 以 何 种 形式 在 浏览 器 中 显示 ,并 负责 客户 与 服务 器 之 间 的 信息 交换 。 控 制 语 句 
以 “标记 (Tag) ”形式 出 现 , 以 区 分 于 显示 内 容 。 

标记 被 封装 在 小 于 号 (二 ) 和 大 于 号 (二 ) 构 成 的 一 对 尖 插 号 之 中 ,标记 一 般 分 为 首 标记 
和 尾 标记 ,它们 成 对 出 现 。 首 标记 用 于 开启 某 种 形式 的 显示 , 尾 标记 用 于 关闭 首 标记 开局 的 
功能 。 例 如 : <u>text with underline /u- . Pi bkiu <U> F JA F Xil £& JI fie . FÉ bci —/ u 
闭 下 划 线 功能 。 该 语句 在 浏览 器 中 将 把 文本 串 “text with underline” 加 上 下 划 线 显示 。 有 
的 控制 语句 仅 需 一 个 标记 ,没有 尾 标记 :如 : bro bit AT. 
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1. 标记 类 型 与 标记 属性 

标记 分 为 “ 单 标记 ”和 ”* 双 标记 ”两 种 类 型 。“ 单 标记 ?是 指 只 需 单独 使 用 就 能 完整 地 表达 
意思 的 一 类 标记 ,这 类 标记 的 语法 是 : 

id 

常用 的 单 标记 有 换行 标记 二 br 二 SOFA ia hr 5$, 

另 一 类 标记 称 为 “ 双 标 记 ”, 由 “ 首 标记 ”和 * 尾 标记 ”两 部 分 构成 ,必须 成 对 使 用 。 首 标记 
告诉 Web 浏览 器 从 此 处 开始 执行 该 标记 所 表示 的 功能 ,而 尾 标记 告诉 Web 浏览 器 在 这 里 
结束 该 功能 。 首 标记 前 加 一 个 斜 枉 (/) 即 成 为 尾 标记 。 这 类 标记 的 语法 是 : 

id BW EE eie 

其 中 “文档 内 容 ” 部 分 就 是 要 被 这 对 标记 施加 作用 的 部 分 。 例 如 ,如 果 需 要 标记 一 个 文 
本 超 链接 , 则 将 文本 放 在 双 标 记 二 a 二 … 二 /a 二 中 即 可 : 

<a>link text</a>œ> 

许多 单 标记 和 双 标 记 的 首 标记 内 可 以 包含 一 些 属 性 ,其 语法 是 : 

二 标记 属性 1 = "属性 值 ”属性 2 = "属性 值 ”属性 3 = "JR HEI" > 


各 属性 之 间 无 先后 次 序 , 属 性 之 间 用 空格 分 开 。 属 性 也 可 省 略 ( 即 取 默 认 值 ), 属 性 值 两 
侧 的 双 引 号 (") 可 以 省 略 不 写 。 例 如 : 单 标记 二 hr 之 表示 在 文档 当前 位 置 画 一 条 水 平 线 
(horizonta line) ,一 般 是 从 窗口 中 当前 行 的 最 左 端 一 直 夯 到 最 右 端 。 另 外 ,二 hr 二 标记 还 有 
size,align, width 等 属性 ,例如 : 可 写作 : <hr size— "3" align= "center"width="50%">., J% 
中 size 属性 定义 线 的 粗细 ,默认 为 1; align 属性 表示 对 齐 方式 ,可 取 left( 左 对 齐 ,默认 值 )、 
center( 居 中 ) 和 right( 右 对 齐 ); width 属性 定义 线 的 长 度 , 可 取 相 对 值 ( 整 个 窗口 的 百 分 
比 ) ,也 可 取 绝 对 值 (屏幕 像素 点 的 个 数 , 如 width — 40070 ,默认 值 是 *100%”。 


2 文档 结构 


一 个 HTML 文档 以 二 html 二 标记 开始 ,以 二 /html 二 标记 结束 ,表示 这 对 标记 间 的 内 
容 是 HTML 文档 。HTML 文档 的 中 间 分 成 文件 头 和 文件 体 两 个 部 分 ,由 相应 的 标记 来 区 
分 。HTML 文档 总 体 结构 如 下 : 


(语句 部 分 ) 
</body> 
</html> 
HEP , <head>- </head> Zz H E 3C PEK . H — R I bs id FJ JL. n AE SCC Pis E 
itle bii E, AA Sa RB eL DU nT 40 E BEES iU. — body- -+ </body> Zr H J& 3c fF f . 
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表示 正文 内 容 的 开始 ,一 body 二 标记 一 般 不 能 省 略 。 
322 文件 头 标记 及 子 标 记 


在 HTML 文档 中 ,二 head>… 王 /head 盖 标记 对 之 间 的 部 分 称 为 文件 头 。 文 件 头 的 内 
容 通常 是 一 些 辅助 性 的 标记 ,为 浏览 器 .搜索 引擎 等 提供 信息 ,例如 : 设置 网 页 内 容 字符 编 
码 、 网 页 关键 字 等 ,便于 浏览 器 对 网 页 的 正确 显示 和 搜索 引擎 记录 网 页 关键 字 。 

文件 头 中 主要 的 标记 对 有 到 title 之 二 /title 之 .一 script 之 二 /script 二 等 ,下 面 分 别 介绍 。 


1. «tile» «itle» 标记 


出 现在 二 head 二 … 王 /head 二 标记 对 内 ,用 于 标识 网 页 主题 ,其 中 的 内 容 将 在 浏览 器 的 
标题 栏 中 显示 ,不 出 现在 页 面 内 。 
例如 : 


<title> xxi [EH] GSL 3. 0 系统 二 /title 二 
2 «meta». 标记 


它 是 HTML 文档 文件 头 二 head 盖 … 二 /head 二 标记 内 的 一 个 辅助 性 标记 ,往往 不 引起 
用 户 的 注意 ,但 是 它 对 于 网 页 是 否 能 够 被 搜索 引擎 检索 .提高 网 页 在 搜索 列表 的 排序 起 着 关 
键 的 作用 ,是 一 个 非常 有 价值 的 标记 。 

过 meta 过 标记 为 单 标记 ,没有 尾 标记 。 志 meta 之 标记 共有 两 个 属性 ,分别 是 http-equiv 
属性 和 name 属性 ,不 同 的 属性 又 有 不 同 的 参数 值 ,这 些 不 同 的 参数 值 实现 了 不 同 的 网 页 
功能 。 

1) name 属性 

name 属性 主要 用 于 描述 网 页 ,与 之 对 应 的 属性 值 为 content. content 中 的 内 容 主要 是 
便于 搜索 引擎 查找 信息 和 分 类 信息 用 的 。meta 标记 的 name 属性 语法 格式 是 : 

<meta nane = " £3" content = "具体 的 参数 值 "二 


其 中 name 属性 主要 有 以 下 几 种 参数 值 : 

* keywords( 关 键 字 ) : keywords 用 来 告诉 搜索 引擎 该 网 页 的 关键 字 是 什么 。 

例如 : <meta name— "keywords" content — "E-learning. ontology" > 

。 description C Fd 3 Pj ET YR) : description 用 来 告诉 搜索 引擎 网 站 的 主要 内 容 。 

例如 : <meta name 一 "description”content 一 "This page is about E-learning etc. "> 

。 author( 作 者 ): 标注 网 页 的 作者 。 

例如 : <meta name= "author" content— "brion(2 mail. abc. com" 

* robots( 机 器 人 向 导 ): robots 用 来 告诉 搜索 机 器 人 需要 索引 的 页 面 有 哪些 。content 
的 参数 有 all .none .index noindex follow nofollow ,默认 值 为 all, 

例如 : <meta name= "robots" content= "none"> 

2) http-equiv 属性 

http-equiv 相当 于 HTTP 的 文件 头 , 向 浏览 器 传 回 一 些 有 用 的 信息 ,以 帮助 正确 显示 网 
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页 内 容 , 与 之 对 应 的 属性 值 为 content,content 中 的 内 容 其 实 就 是 各 个 参数 的 变量 值 。meta 
标记 的 http-equiv 属性 语法 格式 是 : 
<meta http- equiv = "£t" content = "参数 变量 值 "二 


其 中 http-equiv 属性 主要 有 以 下 几 种 参数 : 

* content-type( 显 示 字 符 集 的 设 定 ): 设 定 页 面 使 用 的 字符 集 。 

例如 : <meta http-equiv— "content-type" content— "text/html; charset—gb2312"— 

* expires CH] ; 用 于 设 定 网 页 的 到 期 时 间 。 一 旦 网 页 过 期 ,必须 到 服务 器 上 重新 

下 载 。 

例如 : <meta http-equiv— "expires" content 一 "Thur,8 May 2008 18:18:18 GMT"— 

* pragma(Cache 模式 ): 禁止 浏览 器 从 本 地 计算 机 的 缓存 中 访问 页 面 内 容 。 

例如 : <meta http-equiv— "pragma" content 一 "no-cache" 二 ,该 种 设 定 访问 者 将 无 法 
使 用 脱 机 浏览 功能 。 

* refresh( 刷 新 ): 自动 刷新 并 指向 新 页 面 。 

例如 : <meta http-equiv= "refresh" content="60; url= new. htm"— 

则 浏览 器 将 在 60 秒 后 自动 转 到 new. htm。 利 用 该 功能 ,可 以 显示 一 个 封面 提示 页 面 ， 
在 若干 时 间 后 ,再 自动 转移 到 其 他 页 面 。 

如 果 不 设置 URL 项 ,浏览 器 则 刷新 本 页 ,这 就 实现 了 Web 聊天 室 定 期 刷新 的 特性 。 

。 window-target( 显 示 窗 口 的 设 定 ) : 强制 页 面 在 当前 窗口 以 独立 页 面 显 示 。 

例如 : <meta http-equiv— "window-target" content 一 "_top" 二 ,可 以 用 来 防止 别人 在 
框架 里 调用 自己 的 页 面 。 


3. <base> 标记 


去 base> 标 记 定 义 了 文档 的 基础 URL 地 址 ,在 文档 中 所 有 的 相对 地 址 形式 的 URL 都 
是 相对 于 这 里 定义 的 URL 而 言 的。 一 篇 文档 中 的 二 base 二 标记 不 能 多 于 一 个 ,必须 放 于 头 
部 ,并 且 应 该 在 任何 包含 URL 地 址 的 语句 之 前 。 

去 base> 标 记 包 含 如 下 属性 : 

1) href 属性 

href 属性 指定 了 文档 的 基础 URL 地 址 ,该 属性 在 二 base 之 标记 中 是 必须 存在 的 。 

例如 : 如 果 和 希望 将 文档 的 基础 URL 定义 为 *http://www. abc. com”, 则 可 以 使 用 如 下 
语句 : 


<base href = "http://www.abc. com"> 


当 定 义 了 基础 URL 地 址 之 后 ,文档 中 所 有 引用 的 URL 地 址 都 从 该 基础 URL 地 址 开 
始 , 例 如 ,对 于 上 面 的 语句 ,如 果 文 档 中 一 个 超级 链接 指向 gsl/welcome. htm, 则 它 实际 上 指 
向 的 是 如 下 URL 地 址 : http://www. abc. com/gsl/welcome. htm, 

2) target 属性 

target 属性 同 框架 一 起 使 用 , 它 定 义 了 当 文 档 中 的 链接 被 单 击 后 ,在 哪 一 个 框架 中 展开 
页 面 。 如 果 文 档 中 超级 链接 没有 明确 指定 展开 页 面 的 目标 框架 集 , 则 就 使 用 这 里 定义 的 地 
址 代替 。 常 用 的 target 的 属性 值 有 : 
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* blank: 表明 在 新 窗口 中 打开 链接 指向 的 页 面 。 

e self; 在 当前 文档 的 框架 中 打开 页 面 。 

* parent; 在 当前 文档 的 父 窗口 中 打开 页 面 。 

* top: 在 链接 所 在 的 完整 窗口 中 展开 页 面 。 

例如 : — base target="_blank"> 表明 页 面 上 所 有 的 链接 都 在 新 窗口 打开 。 


4 <link> 标记 


去 link 标 记 定义 了 文档 之 间 的 包含 。 在 HTML 的 头 部 可 以 包含 任意 数量 的 二 link 二 
标记 。 有 些 浏览 器 并 不 能 很 好 地 处 理 link 属性 ,因此 不 建议 使 用 它 。 

三 link 二 标记 带 有 很 多 属性 ,下 面 是 一 些 常 用 的 属性 : 

(1) type: 用 于 指定 被 包含 的 文件 类 型 。 例 如 , text/css 是 指 包含 一 个 层 秋 样式 表 
文件 。 

(2) href: 指向 被 包含 资源 的 URL 地 址 。 

G) title: 一 个 字符 串 , 用 于 描述 该 链接 关系 。 

(4) rel: 定义 HTML 文档 和 所 要 包含 资源 之 间 的 链接 关系 ,可 能 的 取 值 很 多 ,最 为 常 
用 的 取 值 是 stylesheet, 用 于 包含 一 个 固定 首选 样式 表单 。 

例如 ,如 果 文档 包含 一 个 外 部 的 CSS 文件 ,在 文档 头 部 应 该 定义 如 下 ， 


<link type = "text/css" rel= "stylesheet" href = "nystyle.css"— 


5. 背景 音 乐 标 记 <bgsound> 


在 文档 头 内 ,还 可 以 定义 背景 音乐 ,标记 为 二 bgsound 二 ,用 以 插入 背景 音乐 ,可 插 人 的 
音频 文件 类 型 有 : Wave 文件 (* . wav) , Midi 序列 文件 (x . midi) „Real Audio 文件 (*. ram, 
* ,ra)\、AIFF 声音 文件 ( x* aif, * .aife, * . aiff) AU 声音 文件 (* .au、*.snd)。 

去 bgsound 盖 标记 为 单 标记 ,一 般 形 式 是 : 


—bgsound src = " autostart = "" loop- ""— 


标记 的 属性 有 : 

(1) src 属性 : 给 出 音乐 文件 的 URL 值 。 

(2) autostart 属性 : 设置 音乐 文件 播送 结束 后 的 处 理 ,如 果 为 true, 则 自动 播放 音乐 ， 
为 false 则 结束 播放 ,默认 值 为 false。 

(3) loop 属性 : 设置 是 否 自动 反复 播放 ,loop 二 2 表示 重复 两 次 , Infinite 表示 重复 
多 次 。 


323 文件 体 标记 及 其 属性 


在 二 body 二 … 反 /body> 标 记 对 之 间 的 部 分 称 为 HTML 文档 的 文件 体 。 文 件 体 中 描 
述 的 是 浏览 器 中 显示 的 内 容 。 文 件 体 由 一 系列 的 控制 语句 构成 ,在 二 body 盖 … 反 /body> 
标记 对 之 间 可 包含 <<p>…<</p>、<img>、<<a>…<</a> 等 标记 ,它们 所 定义 的 文本 、 图 
像 以 及 超 链接 等 将 会 在 浏览 器 中 显示 。 
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二 body 二 标记 是 一 个 非常 重要 的 标记 ,含有 大 量 的 属性 ,许多 重要 的 网 页 功能 都 是 通 
过 二 body 记 标记 的 属性 实现 的 ,标记 属性 可 分 为 一 般 属性 和 事件 属性 两 大 类 。 


1. 一 般 属性 


三 body 二 标记 的 一 般 属 性 用 于 页 面 的 一 般 性 设置 ( 见 表 3-1)。 
表 3-1 一 body 二 标记 一 般 属性 


ke 性 用 途 举 例 

bgcolor=" # rrggbb" 设置 背景 颜色 <body bgcolor— "red" £T. (& $$ Jit 

text=" # rrggbb" 设置 文本 颜色 <body text=" & £f0000" > (& 3c 4 

link=" # rrggbb" 设置 未 阅读 过 的 超 文本 链接 颜色 ， <body link= "blue" > &E By i 6 
默认 值 是 蓝 色 

vlink=" # rrggbb" 设置 阅读 过 的 超 文本 链接 颜色 , 默 <body vlink=" # ff0000" £T (& 
认 值 是 紫色 

alink— " # rrggbb" 设置 动作 中 的 超 文本 链接 颜色 ER <body alink— "yellow" Ut 29 H & 
认 值 是 紫色 

leftmargin ,topmargin 设置 页 边 距 <body leftmargin— "0" topmargin= "0"> 

background 设置 页 面 背 景 图 片 的 URL background— "image/10. jpg" 

bgproperties 设置 成 fixed, 则 背景 图 案 不 滚动 bgproperties— fixed 


颜色 的 设置 可 以 通过 HTML 语言 所 给 定 的 颜色 常量 名 ,或 者 RGB( 红 、 绿 、 蓝 三 色 的 组 
A) Bii Bt E. [| An" # ff0000” 表 示 红 色 。 各 个 属性 可 以 结合 使 用 ,如 : <body bgcolor = 
"red" text 二 "#0000ff" 记 ,设置 网 页 的 背景 色 为 红色 (red) ,文本 为 蓝 色 ("#0000{f")。 


2 事件 属性 


当 一 个 Web 文档 被 加 载 显示 或 者 退出 (关闭 ) , 当 进行 移动 窗口 或 改变 文档 窗口 大 小 等 
操作 时 ,会 发 生 相 应 的 事件 ,这 些 事件 在 过 body 之 标记 中 通过 事件 属性 来 表达 。 志 body> 
标记 常见 的 事件 属性 见 表 3-2 。 

表 3-2 ”一 body 二 标记 中 的 事件 属性 


事 件 触发 条 件 * 件 触发 条 件 
onLoad 页 面 下 载 完成 时 触发 onMouseMove 鼠标 移动 时 触发 
onUnload 退出 页 面 时 触发 onDblClick 鼠标 双击 时 触发 
onFocus 页 面 窗口 获得 焦点 时 触发 onMouseDown 鼠标 被 按 下 时 触发 
onBlur 页 面 窗口 失去 焦点 时 触发 onKeyDown 键 被 按 下 时 触发 ,按键 的 
ASCI 码 值 保存 在 
window. event. keyCode 中 
onResize 窗口 改变 大 小 时 触发 onKeyPress 键 被 按 下 然后 被 释放 时 触发 
onScroll 单 击 滚动 条 时 触发 onKeyUp 键 被 释放 时 触发 


在 上 述 事 件 中 ,有 些 事件 是 二 body 二 标记 特有 的 ,有 些 事件 可 能 存在 于 多 个 不 同 的 标 
dep. 
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事件 属性 的 值 往往 是 一 个 JavaScript 函数 ,来 完成 Web 编程 任务 。 在 FrontPage, 
Dreamweaver 等 工具 软件 中 ,可 以 通过 行为 面板 (在 FrontPage 2003 中 ,对 应 “格式 ”“ 行 为 …” 
菜单 命令 ) 显 示 一 个 标记 支持 的 行为 事件 .并且 可 自动 生成 简单 的 行为 JavaScript 代码 ,从 
而 减少 用 户 书写 程序 的 工作 量 。 具 体 应 用 参考 后 面 的 章节 。 

【 例 3-1】 一 个 简单 的 HTML 文档 示例 。 

在 Windows 中 ,用 “记事 本 ”程序 编写 一 个 简单 的 HTML 文件 ,如 图 3-1 所 示 。 


etn 


<meta http-equiv="Content-Type” content="text/html; charset=gb2312"> 
<title)A Sample for HTHL</title> 
</head> 


<body background-"bg.gif" bgproperties-"Fixed"» 
«p align-"center"»«font size-"5" color-"40000FF"HTHLTL PT [j| C/ Font» «/p» 
hs 


Ñ L 
rut Mores Tr RE HE aA brzi 


2 e 加 Frontpage、Dreamueauer 等 。<br> 


图 3-1 用 “记事 本 ”程序 创建 HTML 文档 


双击 上 述 的 HTML 文档 ,文档 将 在 浏览 器 中 打开 ,显示 结果 如 图 3-2 所 示 。 


LT Sample for HTML - Microsoft Internet Explorer 
| 文件 (E) ”编辑 (E) ”查看 (V) BMA IAD "RD 

| em- +- 0AA Ar wx Qe |D 3 ae 
[HEO [Æ] cbocunents and Settingshadminisrator AENEA FHA] 公转 到 | | 链接 > 


HTML 文 档 示 例 


HTIL 为 文本 标记 语言 ， 用 户 可 以 用 下 面 的 方法 创建 HDL 文档 


的 宇 处 理 器 ， 加 ppWindows 中 的 “记事 本 “程序 。 
A E ue m 加 Frontpage、Dreamweaver 等 。 


GEJ 四 E 


图 3-2 HTML 文档 在 浏览 器 中 的 显示 界面 
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324 文档 内 容 常 用 标记 


HTML 文档 体 是 由 一 系列 的 标记 语句 组 成 的 ,这 些 标 记 标 记 了 文档 内 容 的 显示 形式 ， 
可 以 说 它们 是 二 body 二 二 /body 二 标记 的 子 标记 。 对 于 大 多 数 标记 ,都 可 以 对 标记 设置 相 
应 的 一 般 属性 和 事件 属性 ,来 改变 标记 默认 的 显示 样式 或 激活 事件 行为 函数 。 由 于 本 书 篇 
幅 所 限 , 对 标记 的 属性 将 不 做 详细 介绍 。 


1. 标题 .段落 标记 


在 二 body 二 … 反 /body 过 标记 对 之 间 的 内 容 将 在 浏览 器 中 显示 ,对 显示 内 容 的 格式 指 
定 是 通过 各 种 格式 标记 来 定义 的 。 常 用 的 格式 标记 有 : 

CD di log it — hl — / hl —h67 —/h62-; 一 级 到 六 级 标题 标记 ,对 应 的 字体 逐 
渐 缩 小 。 

(2) BIERE <Sp> / po: 标记 一 个 段落 ,输出 位 置 转 到 下 一 行 开 始 , 并 增加 一 个 
空 行 。 

CD 回 车 换行 标记 二 br 二 : 将 输出 位 置 转 到 下 一 行 的 开始 。 

OD 水 平 线 标记 二 hr> : 插入 一 条 水 平 线 。 

其 中 每 一 个 标记 都 可 以 设置 相应 的 属性 ,除了 一 般 属性 外 ,还 可 以 设置 事件 属性 。 例 
如 ,对 于 段落 标记 二 p 二 ,除了 具有 align 等 一 般 属 性 外 .还 具有 onclick .ondbclick onmouseover, 
onmousemove ,onkeydown .onkeypress .onkeyup 等 事件 属性 ,详细 介绍 略 。 


2 文本 格式 标记 


用 来 定义 文本 输出 的 字体 和 格式 ,如 斜体 字 、 黑 体 字 、 下 划 线 等 。 常 用 的 文本 格式 标 
记 有 : 

COD 字体 标记 一 font 盖 … 一 /font 二 : 常用 的 属性 有 face, size 和 color, 分 别 设置 字体 、 
文字 大 小 和 颜色 。 

(2) bob .Vemiee—Aegumeceuebii: 分 别 对 应 为 粗 体 、 斜 体 和 下 
划 线 标记 。 

上 述 标 记 可 以 联合 使 用 ,例如 : 

二 b>><font face = "宋体 " size = "3" color = " # 0000FF" 7 — i7 <u> 5E fk bid — —/u —/ i7 

</font></b> 


显示 效果 为 : 

Zø — 

(3) <big> </big> , — small --: — / small , sub ++ </sub> , sup: — /sup- 
标记 : 分 别 为 字体 放大 、 缩 小 .上 标 和 下 标 显 示 标 记 。 

(4) <strong> </strong> ,<em></em> , « tt^ « /tt7» ,« cite? « /cite biu 
一 strong 二 … 二 /strong 二 标记 和 一 b 二 … 一 /b 二 标记 类 似 , 都 是 字体 加 粗 标记 。 二 em 二 … 
</em> bg ie Bl — i7 i bid 26 DL. ERE SRI dB. umm [uc BTE 
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Courier 字体 ,字母 等 宽 标记 。 二 cite 记 … 二 /cite 记 为 传记 引述 斜体 效果 标记 。 
3. 图像 标记 <img> 


图 像 标 记 二 img 二 为 单 标记 .用 以 插入 图 像 及 设 定 图 像 属 性 ,丰富 多 彩 的 图 像 可 以 提高 
网 页 的 吸引 力 。 过 img 之 标记 的 属性 很 多 ,下 面 是 一 些 常用 的 属性 。 


align; 设置 图 像 的 对 齐 方式 , 取 值 分 别 是 “left? “right” “center”“top”“bottom” 
等 。 在 图 文 混 排 时 ,这 个 参数 很 有 用 。 

id: 指定 的 图 片 id 号 ,用 于 对 图 像 的 程序 访问 。 

class; 指定 图 像 所 属 的 类 型 。 

name; 用 于 设 定 图 像 的 名 称 , 用 于 对 图 像 的 程序 访问 。 

src; 设置 插入 图 像 的 URL 地 址 , 即 插入 图 像 的 路 径 和 文件 名 。 

title: 设置 图 像 标题 。 

alt; 设置 图 像 奉 代 文字 ,主要 用 于 在 浏览 器 还 没有 装 入 图 像 (或 关闭 图 像 显 示 ) 的 时 
修 , 此 图 像 的 显示 信息 。 

border: 设置 图 片 边框 。 

height 和 width: 分 别 用 于 设置 图 像 的 高 度 和 宽度 ,可 以 与 图 片 原来 的 宽度 和 高 度 
不 同 。 

hspace 和 vspace: 分 别 用 于 设置 图 像 的 左右 边框 大 小 和 上 下 边框 大 小 。 

ismap 和 usemap: 在 应 用 图 像 地 图 (map) 时 使 用 。ismap 表示 图 像 地 图 的 数据 存放 
在 服务 器 中 , 当 鼠 标 在 图 像 上 的 某 个 区 域 上 时 ,可 以 将 此 区 域 的 坐标 传送 给 服务 器 
处 理 。usemap 则 用 于 设 定 图 像 地 图 的 名 称 。 


除了 上 述 的 一 般 属性 外 ,二 img 二 标记 还 有 大 量 的 鼠标 和 键盘 事件 属性 ,例如 : onload, 
onclick、ondbclick ,onmouseover ,onkeydown,onkeypress 等 ,在 FrontPage 等 工具 中 , 单 击 
插入 的 图 片 ,在 行为 面板 中 ,可 以 查看 图 片 所 有 的 事件 属性 。 

需要 说 明 的 是 ,一 img 之 标记 并 不 是 真正 地 把 图 像 加 入 到 HTML 文档 中 ,而 是 将 标记 
的 src 属性 赋值 为 图 形 文件 所 在 的 路 径 及 文件 名 (图 像 的 格式 可 以 为 gif 或 jpg)。 

【 例 3-2】 图 像 标记 的 应 用 示例 。 

下 面 代码 显示 一 幅 泰 山 图 片 , 当 鼠 标 移 到 图 片上 的 时 候 , 显 示 一 个 简单 的 介绍 ,鼠标 移 
走 后 重新 显示 图 片 。 

HTML 代码 如 下 : 

<html> 

<head> 

<meta http- equiv = "Content - Type" content = "text/html; charset = gb2312"> 

<title>Taishan Introduction< /title> 

</head> 

<body> 

< img src = "image/t01. jpg" width = "200" height = "150" border = "1" align = "left" name = "tai" 


alt= "泰山 图 片 " vspace = "10" hspace = "10" 
onmouseover = "tai. src = 'image/t02.gif'" onmouseout = "tai. src = 'image/t01. jpg'" > 


</body> 
</html> 
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使 用 二 img 盖 标记 还 可 以 启动 媒体 播放 机 播放 影视 片断 ,代码 如 下 : 

<img dynsrc = "move/taishanfg.avi" start = "mouseover" width = "300" height = "200" controls 

loop-"1" alt = "泰山 风光 介绍 影像 片断 "二 

上 面 这 段 代 码 的 效果 是 , 当 鼠 标 移 开 影像 片断 上 时 即 开始 启动 媒体 播放 器 播放 影像 一 
次 ,并 且 还 设 定 了 显示 播放 器 控制 面板 ,以 便 对 播放 过 程 进行 控制 。 

在 网 页 中 加 入 影像 片断 与 加 普通 图 片 基本 相同 ,如 它们 都 要 指定 来 源 、 设 定 大 小 和 替代 
文字 等 。 但 需要 说 明 的 是 ,加 入 影像 片断 时 要 使 用 dynsrc 属性 , 且 不 能 再 在 同一 个 二 img 二 
标记 中 使 用 "src" 属 性 ,否则 将 不 能 播放 影像 片断 ,只 能 显示 蔡 代 文字 。 


4 超 链 接 标记 <a>…</a> 


超 链接 标记 二 a 二 … 三 /a 二 可 以 定义 文本 超 链 接 和 图 像 超 链 接 。 
1) 文本 超 链接 
定义 文本 超 链接 的 一 般 格式 为 : 


<a href = "url # nane" > £f Hi — /a7 


在 文本 超 链接 定义 中 ,href 属性 的 值 为 被 链接 文档 的 URL 地 址 ,字符 串 为 超 链接 显示 
的 文字 ,一 般 显 示 为 蓝 色 。 当 鼠标 指向 这 个 字符 串 时 ,鼠标 变 成 手 形 炮 ,表示 当前 位 置 是 一 
个 超 链接 。name 是 文档 内 的 书签 名 ,如 果 指定 书签 , 则 进入 超 链接 文档 后 ,将 定位 到 书签 所 
在 的 文档 位 置 。 如 果 href 二 "" 为 空 字符 串 , 则 定义 一 个 空 超 链 接 , 即 不 指向 任何 超 链接 位 
置 。 如 果 href 二 "#name" 形 式 , 则 定位 到 当前 文档 的 name 书签 位 置 。 

2) 图 像 超 链接 

图 像 超 链接 就 是 将 一 个 图 片 定义 为 一 个 超 链 接 ,一 般 形式 是 : 

<a href = "url # name "> <img src = "imgeurl"> </a> 


当 鼠 标 移 到 图 片上 方 时 ,鼠标 变 成 手 形 ,表示 该 图 片 对 应 一 个 超 链接 。 

3) 定义 书签 

对 于 一 个 完整 的 文件 ,我 们 可 以 用 它 的 URL 来 唯一 地 标识 它 , 但 对 于 一 个 文件 的 不 同 
部 分 ,我 们 怎样 来 标识 呢 ? 这 就 是 书签 的 概念 , 它 是 通过 链接 标记 来 定义 的 。 在 文档 内 部 可 
以 定义 书签 ,书签 是 通过 二 a 二 标记 的 name 属性 定义 的 。 标 识 一 个 书签 的 方法 为 : 

<a name = "bookmarkname" > 书签 文本 二 /a 


name 属性 将 放置 该 标记 的 地 方 标记 为 一 个 名 为 “bookmarkname” 的 书签 ,书签 必须 是 
一 个 全 文 唯一 的 标记 串 。 有 了 书签 后 ,href 属性 除了 指向 一 个 网 址 外 ,还 可 以 定位 到 网 页 内 
一 个 有 具体 的 书签 ,用 法 是 href= "url # bookmarkname" ,如果 是 同一 个 页 内 ,可 以 写成 href 一 
" # bookmarkname" ,同一 网 页 内 书签 名 不 能 重 名 。 书 签 文本 可 以 为 空 。 

4) 其 他 属性 

除了 href 和 name 属性 外 ,二 a 二 标记 有 其 他 一 些 属性 ,这 些 属性 包括 : 

。 target 属性 : 定义 超 链 接 打开 的 目标 窗口 。 一 般 形 式 是 target — " window-name" ,还 可 

以 取 下 面 常 量 : _self( 相 同 框架 ),，blank( 新 建 窗口 )，top( 整 页 )，parent( 父 窗口 )。 
。 title 属性 : 属性 值 为 一 字符 串 ,鼠标 指向 超 链 接 时 ,鼠标 右 下 角 显 示 标 题 文本 。 
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通过 title 和 href 一 ”"" 空 超 链接 属性 结合 ,可 以 产生 特定 的 效果 。 对 尚未 完成 的 超 链接 
显示 一 个 提示 信息 , 当 超 链接 页 面 完 成 后 ,再 给 href 属性 赋 具 体 的 URL 值 , 例 如: 


<a href = "" title- "have not compledted now" > 3] it Iz /a7 
d fe So fe B, rm E (1 nT LG #13; ?或 “& 并 10; ”来 完成 换行 输出 ,例如 : 
title= "提示 : & £ 13; 来 宾 无 此 权限 " 


【 例 3-3】 超 链接 标记 使 用 示例 。 
下 述 代码 演示 了 超 文 本 链接 、 在 HTML 文档 中 插入 书签 ,图像 链接 的 应 用 。 


<html> 

<head> 

<meta http- equiv = "Content - Language" content = "zh - cn"> 
<title>Shandong Travel< /title> 

</head> 

<body> 

<p align= "center" XE M H 1l] f </p> 

<p><a name = "YF R "> K BH WI R W I </a> </p> 


<p><a nane = "Ff f " 7 3 Ri E T Tp </a> </p> 


<a href = "http://www. cnta. com/" title = "中 国旅 游 网 ”target = ”blank" 二 主要 旅游 网 一 /a> 
</body> 
</html> 


5. 影像 地 图 标记 <map> </map> 


所 谓 影像 地 图 ,就 是 在 一 个 图 片上 定义 一 系列 区 域 , 每 个 区 域 对 应 一 个 超 链接 。 设 置 影 
像 地 图 ,首先 要 通过 二 img 二 标记 插入 一 幅 图 片 ,并 设置 二 img 二 的 ismap 属性 ,然后 再 定义 
相应 的 热点 区 域 。 使 用 影像 地 图 的 一 般 形式 是 : 


<img src="" usemap = " # mapname" ismap width- "" height = ""— 


< 一 map name = "mapname" œ> 
<area href = "1. htm" shape = "circle" coords = "379,1212,79" target = " blank" title=" "> 
<area href = "2. htm" shape = "rect" coords = "224,159,274,180" target ="_blank" title= "" > 


</map> 


Hp, <map> </map> R$ Hb RR «Hof —4 name 属性 ,指定 图 像 地 图 的 名 
称 ,中 间 包 含 一 系列 area Ri, <area> PRE R IE bi it <map> W T- bi it . 79 ARE 
形式 。 通 过 该 标记 可 以 在 图 像 地 图 中 设 定 作用 区 域 ( 又 称 * 热 点 ”) , 当 用 户 鼠 标 移 到 某 作 用 
区 域 点 击 时 ,执行 对 应 的 事件 处 理 函 数 。 二 area 二 标记 的 常用 属性 有 : 

to href 属性 : 用 于 设 定 该 热点 所 链接 的 URL 地 址 。 

。 alt 属性 : 用 于 设 定 热点 的 替代 性 文字 。 

。 shape 和 coods 属性 : shape 和 coords 是 两 个 主要 的 参数 ,用 于 设 定 热点 的 形状 和 大 小 。 
其 基本 用 法 如 下 : 

shape="rect" coords— "xi yi x ,ya": 表示 设 定 热点 的 形状 为 矩形 ,左上 角 顶 点 坐标 
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H Os y , 右 下 角 顶 点 坐标 为 (xs ,yz ) 。 
shape— "circle" coords — "xi ys r": 表示 设 定 热点 的 形状 为 圆 形 ,圆心 坐标 为 (xi ， 
y) ,半径 为 r。 


二 area 记 标记 是 在 图 像 地 图 中 划分 作用 区 域 的 ,其 划分 的 作用 区 域 必须 在 图 像 地 图 的 
区 域内 ,所 以 在 用 所 area> 标记 划分 区 域 前 必须 用 二 map 二 标记 来 设 定 图 像 地 图 的 作用 区 
域 ,并 为 指定 的 图 像 地 图 设 定名 称 。 

设置 图 像 地 图 通常 是 利用 FrontPage 等 工具 实现 的 ,例如 ,在 FrontPage 2003 中 ,首先 
插入 一 幅 图 片 , 然 后 在 图 片上 右 击 鼠标 ,执行 “显示 图 片 工具 栏 "命令 , 即 可 定义 热点 区 域 。 

对 于 Web 编程 ,经 常 在 图 像 地 图 上 增加 JavaScript 代码 来 实现 一 些 用 户 轨 辑 。 实 际 上 
JavaScript 几乎 把 area 标记 与 超 文 本 链接 标记 过 a 之 … 所 /a> 一 样 看 待 。 所 以 我 们 也 可 以 
把 onClick ,onMouseOver 和 onMouseOut 等 这 些 事件 加 到 area 标记 中 。 


6. 走马 灯 标 记 < marquee> …</marquee> 


“走马 灯 ? 标 记过 marquee 之 … 近 /marquee 二 用 于 标记 一 行 或 多 行 滚动 的 文本 ,也 可 以 
将 文本 带 有 超 链接 ,以 增加 网 页 的 动态 效果 。 现 在 主流 的 浏览 器 ,如 IE, Maxthon, Firefox 
等 均 支持 二 marquee 二 标记 。 

二 marquee 二 标记 常用 的 属性 有 : 

。 align 属性 : 设 定 活动 字幕 的 位 置 , 取 值 可 以 是 left, center, \right \top 或 bottom, 
bgcolor JAPE: 设 定 活动 字幕 的 背景 颜色 ,一 般 是 十 六 进 制 数 。 
direction 属性 : 设 定 活 动 字幕 的 滚动 方向 , 取 值 可 以 是 left ,right up 或 down, 
behavior 属性 : 设 定 滚动 的 方式 ,主要 有 三 种 方式 : behavior 一 "scroll" 表 示 由 一 端 
滚动 到 另 一 端 ; behavior 一 "slide" 表 示 由 一 端 快速 滑动 到 另 一 端 , 且 不 再 重复 ; 
behavior 一 "alternate" 表 示 在 两 端 之 间 来 回 滚动 。 
height 和 width 属性 : 设 定 滚动 字幕 的 高 度 和 宽度 。 
hspace 和 vspace 属性 : 设 定 滚动 字幕 的 左右 边框 和 上 下 边框 的 宽度 。 
scrollamount 属性 : 设 定 活 动 字幕 的 滚动 距离 。 
scrolldelay 属性 : 用 于 设 定 滚 动 两 次 之 间 的 延迟 时 间 。 

* loop 属性 : 用 于 设 定 滚动 的 次 数 , 当 loop 王 一 1 表示 一 直 滚 动 下 去 ,直到 页 面 更 新 。 

默认 情况 下 ,二 marquee 二 标记 是 向 左 滚动 无 限 次 .字幕 高 度 是 文本 高 度 ,水 平 滚动 的 
宽度 是 当前 位 置 的 宽度 ; 垂直 滚动 的 高 度 是 当前 位 置 的 高 度 。 

由 于 二 marquee 二 标记 只 能 作用 于 一 段 (二 p 二 … 一 /p 二 ) 文 本 ,因此 活动 字幕 为 多 行 
时 ,分 行 时 只 能 用 过 br 标记 ,不 能 用 过 p> 标 记 。 例 如 : 

< marquee onmouseover = this.stop() onmouseout = this. start() scrollAmount = 1 scrollDelay = 60 

direction = up width = 150 height = 200— 

i dI EEA AEG <br> 

TE SE EVITE (br 


活动 字幕 内 容 第 三 行 <br> 
< /marquee> 
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上 述 代码 ,将 在 一 个 区 域内 垂直 地 滚动 多 行 ,鼠标 指向 时 停止 滚动 ,离开 时 继续 滚动 。 
另外 ,字幕 中 也 可 以 加 入 图 像 ,代码 如 下 : 


< marquee ><img src = "image/logo.gif" width= "20" height = "20" 二 欢迎 光临 二 /marquee 二 


如 果 和 希望 滚动 的 内 容 带 有 超 链接 ,可 以 将 内 容 用 二 a 字 … 到 /a> 标 记 , 即 : — marquee-- 
<a href— "0" — WFE VJ ££ — / a2 — / marquee- 。 

注意 ,如 果 是 使 用 FrontPage 编辑 HTML 3CPj E T L iT d ALTE Fr ff — marquee- . 
FrontPage Z Á z/j Jb A Fl JX, — £7 9X 44 JU — img — bs iU C$ — marquee- **: — / marquee fr iu 
Ti Pb TET s CINE SI EEG E CURRY F AER EAE ET SLT 9r JR [BE marquee- ** — / marquee7 
标记 内 部 ,实现 多 行 或 者 带 有 图 片 的 滚动 。 


7. 注释 标记 

注释 标记 一 般 的 形式 是 一 !-- 注 释 性 文字 -- 之 ,用 于 在 HTML 文档 中 书写 说 明 性 文字 ， 
注释 文字 可 以 多 行 , 内 容 在 浏览 器 中 不 显示 。 
325 表格 

表格 (table) 是 网 页 制作 中 安排 布局 最 好 的 工具 ,因为 表格 不 但 可 以 很 好 地 安排 文本 或 
图 像 的 显示 位 置 ,而 且 还 可 以 任意 进行 背景 和 前 景 颜色 的 设置 。 

1. 表 格 标记 <table> ++- </table> 


二 table 二 … 达 /table 二 标记 对 用 来 创建 一 个 表格 ,每 个 二 table 二 … 二 /table 二 标记 对 之 
间 包 含 车 干 二 tr 二 … 达 /tr 过 ,一 个 过 tr 对 应 表格 的 一 行 。 每 一 个 二 tr 二 … 达 /tr 二 标记 对 
又 包括 若干 个 过 td 二 … 达 /td 二 标记 对 , 它 对 应 一 行 中 的 一 个 单元 格 。 

表格 的 默认 属性 设置 为 无 边框 ,并 根据 内 容 自动 设 定 表格 大 小 。 要 修改 表格 的 默认 外 
观 特性 ,需要 设置 相应 的 一 table 之 标记 属性 ,表格 属性 见 表 3-3。 


表 3-3 一 table 二 标记 属性 列表 


属 L3 用 途 
bgcolor 设置 表格 的 背景 色 
background 设置 背景 图 片 
border 设置 边框 的 宽度 , 若 不 设置 此 属性 , 则 边框 宽度 默认 值 为 0, 即 无 边框 ,无 格 线 


bordercolor 设置 边框 的 颜色 
bordercolorlight ”设置 边框 明亮 部 分 的 颜色 ( 当 border 的 值 大 于 等 于 1 时 有 效 ) 
bordercolordark ”设置 边框 昏暗 部 分 的 颜色 ( 当 border 的 值 大 于 等 于 1 时 有 效 ) 


cellspacing 设置 表格 单元 格 之 间 空 间 的 大 小 ,默认 值 是 2 

cellpadding 设置 表格 单元 格 边框 与 其 内 部 内 容 之 间 的 距离 

width 设置 表格 的 宽度 ,可 以 是 像素 值 如 width 一 “200”, 或 窗口 总 宽度 的 百分比 ,如 width 一 “80%” 
height 设置 表格 中 单元 格 的 高 度 


align 设置 表格 的 浮动 对 齐 方式 ,只 有 left 和 right 两 种 对 齐 方式 
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在 表格 属性 表 中 ,有 关 宽 度 、 大 小 的 单位 用 绝对 像素 值 ,而 有 关 颜 色 的 属性 使 用 十 六 进 
制 RGB 颜色 码 或 HTML 语言 给 定 的 颜色 常量 

因为 许多 浏览 器 不 支持 二 table 二 标记 中 的 align 属性 值 center, 因 此 往往 要 通过 二 div 
align 一 "left|center|right" 盖 … 一 /div 二 标记 来 设置 整个 表格 的 页 面 布 局 的 居中 对 齐 方式 。 
如 果 二 table 二 标记 同时 含有 align 属性 ,以 二 table 之 标记 内 的 align 属性 设置 显示 o 


2 行列 和 列 标题 标记 <tr> <A> etd» <td> 、<th> <hh> 


一 个 表格 由 若干 行 (Row) 构 成 ,每 一 行 又 由 若干 个 单元 格 (Cell) 组 成 ,另外 一 个 表格 还 
可 能 具有 一 个 标题 (Head) 。 

根据 上 述 表 格 的 结构 ,在 二 table 之 … 志 /table 二 标记 对 之 间 , 用 二 tr 之 … 到 /tr 二 标记 对 
来 创建 表格 中 的 每 一 行 (Row), 表 有 多 少 行 就 有 多 少 个 二 tr 二 二 /tr 二 标记 对 ; 二 td 二 则 填 
充 由 过 tr 之 和 所 th> 组 成 的 表格 ,一 td 二 /td 二 标记 对 用 来 创建 表格 中 一 行 中 的 一 个 单元 
格 , 二 td 二 二 /td 二 标记 对 之 间 输 入 单元 格 中 要 显示 的 内 容 。 

此 外 ,二 tr 二 还 有 align 和 valign 属性 ,分 别 表 示 水 平 对 齐 和 垂直 对 齐 方式 。 志 td 二 有 具 
有 width .colspan rowspan 和 nowrap 属性 。width 是 单元 格 的 宽度 ,单位 用 绝对 像素 值 或 
总 宽度 的 百分比 ; colspan 设置 一 个 单元 格 跨 占 的 列 数 (默认 值 为 1) ,rowspan 设置 一 个 单 
元 格 跨 占 的 行 数 (默认 值 为 1); nowrap 禁止 单元 格 内 的 内 容 自动 换行 。 


3. 表格 标题 标记 < caption> …</caption> 


标记 表格 标题 ,具有 align 和 valign 参数 ,设置 水 平和 垂直 对 齐 方式 。 
【 例 3-4】 使 用 表格 示例 。 


<html> 
<head> 
去 title> 表 格 标记 综合 示例 所 /title> 
</head> 
<body> 
<table border = "1" cellpadding = "0" bgcolor = " # COCOCO" width = "400" height = "75" > 
<caption> 
<p style = "margin — right: 16">< font size = "5" color = " # 0000FF" > ^£ Æ MA XE iu 
K</font> 
</caption> 
«tr 
<td align= "center" valign= "middle" width= "40 %" height = "30" —?£ &nbsp; </td> 
<td align= "center" valign= "middle" width = "20 %" height = "22">țE &nbsp; 名 </td>> 
<td align= "center" valign= "middle" width = "20 €" height = "22" — P5 PC — /td 
<td align= "center" valign= "middle" width= "20 &" height = "22"> 英 &nbsp; </td> 
[tr 
xt 
<td align= "center" valign= "middle" width = "40 % "—2008000001— /td— 
<td align= "center" valign= "middle" width = "20$ "—3K —-/td— 
<td align= "center" valign= "middle" width= "20 % ">95</td> 
<td align= "center" valign= "middle" width= "20$ ">90</td> 
«ter 
xt 


<td align= "center" valign= "middle" width = "40 % "—2008000002— /td— 
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<td align= "center" valign = "middle" width = "20 $ ">Æ </td> 
<td align= "center" valign = "middle" width = "20 $ ">90</td> 
<td align= "center" valign = "middle" width = "20 € ">96</td> 
</tr> 
<tr> 
<td align= "center" valign = "middle" width= "40 %" rowspan = "2"— j& </td> 
<td valign = "middle" width = "60 %" colspan- "3" >M = FH} * 20% + HK * 80 & </td> 
<j> 
<tr> 
<td valign= "middle" width = "60 %" colspan- "3">œ>2006 4 1 Jj </td> 
<j> 
</table> 
</body> 
</html> 


在 Maxthon 浏览 器 中 的 显示 结果 如 图 3-3 所 示 。 


(5) 表格 标记 综合 示例 - Mär [Marthon] 
XEO RED SEV KAO RHO GUY IA Wc 天” 四 


D. -加 (< -0 
x Come. ma m LI mih ” 历史 主页 BRR di 


地 址 [a] £i16:///C: /DocunentstZ0andXgOSettings/MaomW/M( M| EJ - — $855 | 及 
IES In .. 


学 生成 绩 登 记 表 


SI * x 高等 数学 X 语 


00800000 | 
2008000000 #0 — %0 96 

说 明 成 绩 = 平 时 #20%+ 期 未 #80% OOO 

2006 年 1 月 | 


fg o S[o[M|x [2 169.254.228.97 A 


图 3-3 表格 在 Maxthon 浏览 器 中 的 显示 结果 


在 上 述 代码 中 ,为 了 避免 由 于 浏览 器 窗口 大 小 变化 引起 单元 格 和 表格 大 小 变化 ,在 
去 table> 标 记 中 ,使 用 了 width 属性 ,指定 绝对 像素 值 ,而 不 是 相对 比例 。 这 样 当 窗口 的 大 
小 变化 时 表格 的 大 小 不 变 。 

在 表格 中 还 可 以 进行 表格 的 嵌 套 定义 ,具体 情况 根据 实际 决定 ,同时 为 了 提高 浏览 器 的 
显示 速度 ,一 般 不 易 定义 一 个 大 的 表格 ,因为 浏览 器 是 等 到 整个 表格 下 载 完 后 才 显示 的 。 

关于 表格 更 加 复杂 的 操作 ,请 参考 第 5 章 客户 端 开发 。 


326 表单 


表单 (form) 在 Web 网 页 中 用 来 给 访问 者 填写 信息 ,从 而 能 获得 用 户 信息 ,使 网 页 具有 
交互 能 力 。 表 单 和 Windows 的 对 话 框 类 似 , 是 由 若干 控件 组 成 的 ,用 于 实现 和 用 户 的 交互 。 
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当 用 户 填 写 完 信 息 后 做 提交 (submit) 操 作 ,表单 的 内 容 将 从 客户 端的 浏览 器 传送 到 Web 服 
务 器 ,由 Web 服务 器 相应 的 服务 器 脚本 程序 处 理 。 

对 于 表单 及 其 包含 的 每 一 个 元 素 ,浏览 器 在 进行 解释 时 都 会 在 内 存 中 创建 相应 的 对 象 ， 
这 和 程序 设计 中 的 变量 说 明 是 一 样 的 ,这 就 为 用 户 对 表单 输入 数据 的 操作 提供 了 技术 上 的 
保证 。 关 于 表单 数据 的 处 理 将 在 本 书 第 5 章 客户 端 开 发 和 第 6 章 服 务 端 开发 中 进行 讲解 。 
本 节 只 介绍 HTML 规范 中 表单 及 其 元 素 的 标记 语法 。 


1. 表单 及 输入 类 型 


表单 是 Web 中 实现 人 机 交互 的 主要 界面 ,表单 由 控件 构成 ,完成 用 户 数据 的 输入 。 数 
据 输入 完成 后 ,通过 提交 表单 ,表单 数据 被 传送 到 Web 服务 器 端 ,这 些 数 据 将 被 二 form 二 标 
记 的 action 属性 所 设置 的 程序 处 理 。 

D xiu form --—/form- 

在 HTML 中 ,过 form 二 … 志 /form 之 标记 对 用 来 标记 一 个 表单 , 即 定 义 表 单 的 开始 和 
结束 位 置 ,在 标记 对 之 间 的 一 切 都 属于 表单 的 内 容 。 志 form> 标 记 的 常用 属性 有 : 

* name 属性 : 给 出 表单 的 名 称 , 用 于 脚本 编程 ,在 一 个 网 页 中 ,可 以 包含 多 个 表单 。 

。 method 属性 : method 属性 用 来 定义 服务 器 表单 处 理 程序 从 表单 中 获得 信息 的 方 

式 , 有 get 或 post 两 种 传输 方式 。 

get 方法 将 数据 打包 放置 在 环境 变量 QUERY STRING 中 作为 URL 整体 的 一 部 分 传 
递 给 服务 器 。QUERY_STRING 变量 可 存储 量 是 有 限 的 ,一 般 限制 在 1KB 以 下 。 

post 方法 分 离 地 传递 数据 给 服务 器 表单 处 理 程序 ,不 需要 设置 QUERY STRING 环 
境 变量 ,因此 POST 有 更 好 的 安全 性 ,表单 中 数据 的 多 少 是 任意 的 ,因为 这 些 数据 从 来 也 不 
分 配 到 一 个 变量 里 。 此 外 用 post 传递 数据 还 有 一 个 好 处 , 它 不 会 像 get 那样 把 传送 的 数据 
暴露 在 浏览 器 的 地 址 栏 中 ,如 : myform. htm? Account 一 abc&.pwd 王 123456 。 

* action 属性 : 设置 表单 处 理 程序 的 网 络 路 径 和 程序 名 , 当 用 户 提交 表单 时 ,服务 器 将 

执行 action 属性 所 设置 的 程序 。 

在 网 页 制作 中 ,如 果 使 用 FrontPage 设计 表单 ,在 生成 的 表单 代码 中 ,会 看 到 action 属性 自 
动 被 赋值 为 “~~-WEBBOT-SELF--”。“WEBBOT-SELF” 是 FrontPage 扩展 所 使 用 的 伪 代 码 。 如 
果 Web 服务 器 上 装 有 FrontPage 扩展 ,在 用 户 浏览 网 页 时 ,服务 器 会 自动 把 “WEBBOT-SELF” 
转换 成 适当 的 服务 器 上 的 路 径 。 如 果 用 户 在 浏览 器 上 得 到 的 就 是 二 -WEBBOT-SELF--”, 说 明 
Web 服务 器 上 没有 安装 FrontPage 扩展 。 

2) 输入 类 型 标记 二 input type=""> 

表单 是 由 控件 构成 的 ,通过 控件 完成 数据 的 输入 。 在 HTML 中 ,控件 定义 是 通过 输入 
类 型 标记 完成 的 。 输 入 类 型 标记 的 一 般 形式 是 : 


<input type ="" nane - "" value- "" -> 


常用 的 属性 有 : 
* type 属性 : 给 出 输入 控件 的 类 型 ,常用 的 控件 类 型 有 : text, textarea, radio, checkbox, 


button image,hidden, password, file, submit/reset.; 


* name 属性 : 设置 输入 控件 的 名 字 , 程 序 需要 通过 控件 名 称 处 理 用 户 输入 数据 , 同 
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时 ,设置 控件 名 称 可 以 增加 HTML 代码 的 可 读 性 。 
* value 属性 : 保存 用 户 的 输入 和 选择 ,服务 器 通过 调用 输入 区 域 的 value 属性 值 来 获 
得 输入 控件 的 数据 。 另 外 ,用 户 可 以 通过 value 属性 来 指定 输入 区 域 的 默认 值 。 
根据 输入 类 型 type 的 不 同 ,每 种 输入 控件 还 有 不 同 的 其 他 属性 。 


2 单行 文本 框 输入 标记 
设置 一 个 单行 文本 框 输入 ,一般 形式 是 : 


<input type = "text" name ="" value="".> 


主要 属性 有 : 

* name 属性 : 文本 框 名 称 ,便于 程序 获取 用 户 输入 。 

* value 属性 : 存储 文本 框 的 取 值 ,可 以 设 一 个 初始 值 。 

* size 属性 : 设置 表示 文本 框 的 显示 长 度 。 

* maxlength 属性 : maxlength 是 文本 框 中 输入 的 有 效 数 据 长 度 。 
例如 ,html 代码 如 下 : 

<form name = "myForm" method = "POST" action "/custom/feedback. jsp" > 
用 户 账户 ; <input type= "text" name= "AccountStr" size="10" value= "guest" maxlength = "8"> 
</form> 

显示 效果 为 : 

用 户 账户 ，[euest 

3, 密码 文本 框 输入 标记 


输入 密码 文本 框 控件 ,和 单行 文本 框 控件 相似 ,两 者 不 同 的 是 ,使 用 输入 密码 文本 框 控 


件 , 当 用 户 输入 密码 时 ,区 域内 将 会 显示 “* "号 。 


一 般 形 式 是 : 
<input type =" password " => 
例如 ,HTML 代码 如 下 : 


<form name = "myForm" method = "POST" action = "/progs/feedback. jsp"> 
密码 : <input type = "password" name = "nyPassword" size - "10" maxlength- "8"> 
</form> 


显示 效果 为 : 


4 多 行文 本 框 输入 标记 
多 行文 本 框 ,又 称 滚 动 文本 框 。 和 其 他 的 输入 类 型 不 同 , 它 不 是 通过 二 input type=" " > 


来 指定 的 , 它 是 一 个 双 标 记 , 一 般 形式 是 : 


—textarea name =" " rows="" cols=""> 
input text 


< /textarea— 
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—textarea > bg iu ff] ERREA : 

* name 属性 : 多 行文 本 框 的 名 称 ,便于 程序 获取 用 户 输入 。 

* rows 属性 和 cols 属性 : 分 别 用 来 设置 文本 框 的 列 数 和 行 数 , 列 与 行 以 字符 数 为 
单位 。 

标记 对 之 间 的 文本 input text 为 显示 的 初始 文本 内 容 。 

例如 ,HTML 代码 如 下 : 


<form name = "myForm" method = "POST" action = "--WEBBOT - SELF--"> 


—textarea name = "brief" rows = "5" cols = "30" — iff íi A (ij E UL B] </textarea> 
</form> 


显示 结果 如 下 : 

SESS RSEN a] 
到 

5. button 按钮 输入 标记 


按钮 是 最 常 使 用 的 一 种 输入 控件 ,一 般 形 式 是 : 

<input type = "button" => 

主要 属性 有 : 

* name 属性 : name 为 按钮 名 称 , 便 于 程序 对 按钮 的 操作 。 

。 value 属性 : value 为 按钮 的 显示 名 称 。 

button 按钮 除了 具有 若干 的 一 般 属 性 外 ,同时 还 可 以 接受 各 种 鼠标 事件 ,具有 不 同 的 


鼠标 和 键盘 事件 属性 。 例 如 ,有 如 下 HTML 代码 : 


<form name = "myForm" method = "POST" action = "/progs/ feedback. jsp" — 

<input type = "button" value = " 回 前 一 页 ” onclick = "history.go( - 1);return true;"— 
<input type = "button" value = "关闭 窗口 ” onclick = "window.close();return true;"— 
</form> 


显示 结果 如 下 : 
回 前 一 页 | 关闭 窗口 | 


当 单 击 “ 回 前 一 页 ”按钮 的 时 候 , 则 回 到 前 面 打开 的 页 面 , 单 击 “ 关 闭 窗口 "按钮 的 时 候 ， 


当前 窗口 被 关闭 。 


6. radio 单 选 钮 输入 标记 
单 选 钮 主要 用 于 从 多 个 可 选项 中 选择 其 中 之 一 。 往 往 是 若干 个 radio 为 一 组 ,它们 具 


有 相同 的 name, 不 同 的 value, 从 而 选择 其 中 之 一 。 


name 属性 : 单 选 钮 的 名 称 ,一 般 是 若干 个 radio 一 组 , 取 相 同 的 name。 

checked 属性 : 用 来 设置 该 单 选 框 默认 时 是 否 被 选中 ,相同 name 的 多 个 radio 中 只 
能 有 一 个 选择 ,或 都 不 使 用 该 参数 。 

value 属性 : 存储 单 选 钮 的 取 值 , 多 个 具有 相同 name 的 单 选 钮 应 该 具有 不 同 的 value。 
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例如 ,HTML 代码 如 下 : 


<form name = "myForm" method = "POST" action = "/custom/feedback. jsp" — 
性 别 : 
<input type = "radio" name = "gender" value = "Female" > tr tE 
<input type = "radio" name = "gender" value = "Male" checked> 58 fE 
<br><br> 
学 历 : 
<input type = "radio" name = "degree" value = "Bachelor" checked>¥ + 
<input type = "radio" name = "degree" value = "Master" 二 硕士 
<input type = "radio" name = "degree" value = "Doctor" [8 d- 

</form> 


上 述 代码 的 显示 结果 如 下 : 
性 别 。 Cc 女性 6 男性 


学 历 。 ero 硕士 博士 
7. 复 选 框 输入 标记 
复 选 框 是 对 某 种 输入 做 出 “是 ”或 “ 否 ” 的 选择 ,一 般 形 式 是 : 


<input type =" checkbox " -> 


和 radio 不 同 ,每 一 个 checkbox 都 是 独立 的 。chebox 的 主要 属性 有 : 
* name 属性 : name 为 复 选 框 的 名 称 ,便于 程序 获取 用 户 输入 。 
value 属性 : 每 一 个 checkbox 必须 有 一 个 value, 当 复 选 框 选中 时 ,value 值 便 会 传 到 
表单 的 action 属性 指定 的 程序 中 。 
checked 属性 : 用 来 设置 该 复 选 框 默认 时 是 否 被 选中 。 
例如 ,HTML 代码 如 下 : 
<form name = "myForm" method = "POST" action = "/progs/feedback. jsp" — 
兴趣 爱好 : <br><br> 


<input type = "checkbox" name = "intrests01" value = "Sports" checked [K ff 
<input type = "checkbox" name = "intrests02" value = "Music" — jj ik 


<input type = "checkbox" name = "intrests03" value = "Arts" ^ X^ 

<input type = "checkbox" name = "intrests04" value = "Others" checked fli 
</form> 
显示 结果 如 下 : 
兴趣 爱好 ， 


所 体育 CER DRF 区 其 他 
8. 复 选 列表 框 输入 标记 


创建 一 个 下 拉 列 表 框 或 可 以 复 选 的 列表 框 ,定义 复 选 列表 框 不 需要 在 <input type=" "> 
中 指定 输入 类 型 ,其 一 般 形式 是 : 


<select name = "" size=""> 


<option value = "">---</option> 
<option value = "">---</option> 
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</select> 


1) <select> bi it K HJE HE 
name 属性 : name 为 下 拉 式 列表 控件 名 称 ,便于 程序 获取 用 户 输入 。 
size 属性 : 下 拉 式 列表 的 高 度 ,默认 时 值 为 1, 若 没有 设置 (加 入 )multiple 属性 ,显示 
的 将 是 一 个 弹出 式 的 列表 框 。 若 使 用 此 参数 则 不 会 有 PopUp 效果 。 如 果 小 于 可 选 
的 项 目 数 量 , 则 出 现 垂直 滚动 条 。 
multiple 属性 : 指定 是 否 可 以 多 选 。multiple 属性 不 用 赋值 ,直接 加 入 志 select 二 标 
记 中 即 可 使 用 ,加 入 了 此 属性 后 列表 框 就 成 了 可 多 选 的 了 。 
2) — option — /option bid 
<option > fy it JH ok i E P1 A RE rp f) — 4 3 9i . ERRER 
* value 属性 : Jis £i-— option Jtt xE IH JE — ^ 306 XL Wat (EL. 3c 7 (CER P305 590 RAS d «E 
J mill EUST — select bid] name 的 value 属性 来 获得 该 区 域 选中 的 数据 项 。 
。 selected 属性 : 用 来 指定 默认 的 选项 ,一 个 下 拉 式 复 选 框 可 以 有 一 项 或 零 项 被 选中 。 
例如 ,HTML 代码 如 下 : 
<form name = "myForm" method = "POST" action = "/custom/feedback. jsp" — 
QN name = "city" — 
<option value = "beijing" 4L X — /option— 
<option value = "jinan" selected UFH — /option- 
<option value = "gingdao" — jf fij — /optionc 
</select> 
</form> 
显示 结果 为 : 
城市 。 [ex 
如 果 指 定 — select H size 属性 ,比如 size 二 “5”, 则 显示 高 度 为 5 的 一 个 列表 框 , 不 出 


现 PopUp 效果 ,占用 较 大 的 屏幕 空间 。 


9. Image 按钮 标记 
Image 输入 类 型 ,通常 用 于 取代 submit/reset 两 个 默认 的 按钮 ,来 显示 个 性 化 的 按钮 ， 


Image 输入 的 一 般 形式 是 : 


<input type = "image" => 


主要 属性 有 : 

* name 属性 : 所 要 代表 的 按键 ,可 以 是 submit, reset 或 其 他 。 

* src 属性 : 设置 按钮 图 片 . 如 果 按 键 图 片 文件 不 与 该 HTML 文件 在 同一 目录 下 , 需 
要 加 上 正确 的 相对 路 径 。 

例如 ,HTML 代码 如 下 : 

<form name = "myForm" method = "POST" action = "/custom/feedback. jsp" — 
<input type = "image" src = "/images/myOk.gif" name = "submit" width= "40" height = "40"> 

</form> 
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显示 结果 为 : QD 

10. hidden 隐藏 元 素 标记 

在 一 个 表单 中 ,可 以 定义 隐藏 表单 元 素 , 它 在 网 页 上 并 不 显示 ,不 需要 用 户 输入 ,主要 目 
的 是 随 表单 一 起 传 给 表单 处 理 程序 一 个 特定 的 值 ,用 于 为 网 页 处 理 程序 传送 数据 。 

一 般 形式 是 : 

<input type = "hidden" name=" " value=" "=--> 


其 中 ,name 属性 为 控件 名 称 ,便于 程序 获取 用 户 输入 ; value 属性 存储 输入 元 素 的 默认 
值 。 例 如 ,有 如 下 代码 ; 


<input type = "hidden" name = "nyID" value = "730118"> 
当 表单 提交 后 ,服务 器 程序 可 以 获得 myID 的 值 是 730118, 从 而 实现 传送 数据 的 目的 。 
11. 文件 上 传 标记 


为 了 实现 通过 HTTP 协议 上 传 文件 ,HTML 规范 在 表单 中 增加 了 新 的 输入 类 型 ,文件 
上 传 标记 的 一 般 形式 是 : 
<input type = "file" name=" " size- " "accept - " " > 


对 于 file 类 型 输入 ,浏览 器 将 显示 一 个 文本 框 , 用 于 文件 名 的 输入 ,同时 在 文本 框 的 后 
面 显示 一 个 “浏览 …" 按 钮 ,允许 用 户 通过 浏览 的 方式 选择 要 上 传 的 文件 。name 属性 为 控件 
名 称 ,size 属性 显示 文本 框 长 度 。Accept 属性 设置 上 载 文件 过 滤 , 即 单 击 “ 浏 览 ” 按 钮 时 ,只 
显示 指定 文件 类 型 的 文件 列表 。 

使 用 文件 上 传输 入 类 型 ,在 表单 标记 二 form 二 中 需要 加 入 编码 方案 属性 enctype = 
“multipart/form-data”。 该 编码 方案 在 传送 大 量 数据 时 比 默认 的 表单 编码 方案 “application/x- 
url-encoded"” 效 率 更 高 。 因 为 URL 编码 只 有 很 有 限 的 字符 集 , 当 使 用 任何 超出 字符 集 的 字 
符 时 ,必须 用 “%nn” 代 替 (nn 表示 两 个 十 进 制 数 ) ,因此 ,通过 URL 编码 方式 上 载 的 文件 大 
小 将 是 原来 的 2 一 3 倍 。 

例如 ,有 如 下 代码 : 

<form name = "myForm" method = "POST" action = "/custom/feedback. jsp" 

enctype = "nultipart/form-data" — 
提交 论文 : —input type- "file" name= "F1" size- "20"— 

</form> 

显示 结果 为 : 

gin 六 ass 

用 户 单 击 * 浏 览 ? 按 钮 ,选择 要 提交 的 文件 ,文件 将 被 上 传 到 Web 服务 器 。 因 为 安全 的 
原因 ,在 HTML 中 ,不 能 设置 上 传 文件 在 服务 器 上 的 存储 路 径 。 上 传 文件 的 存储 路 径 是 在 
表单 处 理 程序 中 设置 的 ,在 Web 服务 器 端 ,通过 组 件 ,来 设置 每 一 个 二 input type- "file" 
上 传 文件 的 存储 路 径 。 一 个 HTML 表单 可 以 设置 多 个 二 input type 王 "file" 二 控件 ,从 而 一 
次 上 传 多 个 文件 到 Web 服务 器 。 
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12. 表单 提交 按钮 标记 submit/reset 


最 后 ,我 们 介绍 两 个 最 重要 的 按钮 ,就 是 当 表单 填写 完毕 后 ,需要 选择 的 submit/reset 
按钮 , 它 结束 表单 输入 ,将 表单 数据 传送 到 服务 器 端 ,由 表单 二 form 二 标记 中 的 action 属性 
指定 的 服务 器 上 的 程序 处 理 用 户 输入 数据 。 

1) 表单 提交 

表单 提交 按钮 就 是 将 表单 内 容 提 交 给 服务 器 ,一 般 形 式 是 : 


<input type = "submit" -> 


有 如 下 属性 : 

* name 属性 : 这 和 其 他 控件 的 属性 不 同 , 在 提交 表单 中 ,name 可 以 指定 一 个 函数 , 需 
要 和 form 标记 中 action 属性 的 程序 配合 。 一 般 情况 下 ,不 需要 name 属性 。 

* value 属性 : 提交 按钮 的 显示 名 字 ,一 般 为 “确定 ”“ 提 交 ” 等 易于 理解 的 名 字 。 

2) 重 填 按钮 

表单 清除 就 是 要 将 表单 中 已 做 的 输入 和 选择 全 部 清除 ,重新 填写 。 一 般 形式 是 : 


<input type = "reset" > 


属性 和 表单 提交 相同 。 
下 面 是 通过 FrontPage 在 网 页 中 插入 表单 的 默认 代码 : 


<form method = "POST" action = "--WEBBOT - SELF--"> 
二 !--webbot bot = "SaveResults" U- File- "fpweb;/// private/form results.txt" 
S- Format = "TEXT/CSV" S- Label - Fields = "TRUE" --> 
<input type = "submit" value = "提交 " name = "B1"— 
<input type = "reset" value = "全 部 重 写 " name = "B2" 
</form> 


显示 结果 为 : 
提交 | 全 部 重 写 


在 上 述 代码 中 ,二 form 二 标记 中 的 action 没有 指定 表单 处 理 程序 , 则 采用 Web 服务 器 
端 FrontPage 扩展 中 一 个 默认 的 宏 “--WEBBOT-SELF--” 来 处 理 用 户 的 表单 数据 。 这 个 
action 往往 需要 用 户 程序 来 代替 ,以 便 处 理 用 户 的 表单 输入 。 

【 例 3-5】 一 个 利用 form 计算 阶乘 的 例子 。 


<html> 
<head> 
<meta http - equiv = "Content - Type" content = "text/html; charset = gb2312"> 
<title>A simple example for Form< /title> 
<script language = "javascript" > 
var calcOnly- false; 
function fact(n) 
{ 
if Cn==0) 
return 1; 
else 
return n* fact(n- 1); 
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function calcFact(n) 
{ 
var res; 
res- fact(n); 
document. myForm. result. value - res; 
calcOnly- true; 
document. nyForm. n. focus(); 
) 
</script> 
</head> 
<body> 
<p align= "center" ><font size = "5"> fil FH] "fo [B] — / font 
<hr> 
<form name = "myForm"> 
<div align = "center"> 
<table border = "1" cellpadding = "0" width = "303" height = "62"> 
<tr> 
<td colspan = "3" height = "26" width= "292" bgcolor = "it COCOCO" — 
<p align= "center" >H 3f n 的 阶乘 一 /td> 
</tr> 
<tr> 
<td> A n<input type="text" name - "n" size= "6" onChange = "calcFact(this. value)" > 
</td> 
<td><input type = "button" value = "阶乘 等 于 " name = "equ" 
onClick = "calcFact(n. value)" > 
</td> 
<td><input type = "text" name = "result" size = "13" 
onChange = "if (calcOnly) { alert('This is a calculated field. ');}"> 
</td> 
JES 
</table> 
</div> 
</form> 
</body> 
</html> 


网 页 在 Web 浏览 器 中 的 执行 结果 如 图 3-4 所 示 。 


tme- +- OAA QN sem gre Dra ” 
地 址 (D) [E] C:\Documents and SettingsVadministrator\ 点 面 factol| 公转 到 | | 链接 


使 用 表单 示例 


| 计算 n 的 阶乘 
EC EN ICI [amS | [3628800 


3-4 ”表单 在 浏览 器 窗口 中 的 显示 
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通过 上 面 的 例子 ,可 以 总 结 出 以 下 几 点 : 

CD 不 是 所 有 的 form 表单 都 需要 提交 到 Web 服务 器 处 理 , 即 可 以 没有 action 属性 。 

(2) 如 果 是 用 FrontPage 的 table 进行 页 面 布 局 ,在 单元 格 中 插入 form 表单 控件 时 , 生 
成 的 HTML 代码 比较 混乱 ,甚至 会 出 现 多 个 form, 此 时 ,要 手工 调整 HTML 代码 ,只 要 将 
所 有 的 输入 控件 包含 在 二 form 二 … 一 /form 二 标记 对 之 间 就 可 以 了 。 


327 层次 块 标记 


为 了 更 好 地 实现 元 素 的 精确 定位 ,浏览 器 厂商 在 HTML 规范 基础 上 ,在 网 页 中 增加 了 
层 (layer) 和 位 置 (position) 的 概念 。 通 过 层次 块 的 显示 、 隐 茂 和 移动 来 实现 灵活 的 页 面 显 示 
效果 。 不 同 的 浏览 器 ,对 层 的 支持 是 不 一 样 的 ,IE 浏览 器 支持 二 div 二 … 三 /div 二 层次 块 
标记 。 
层次 块 标记 过 div 之 … 玛 /div 之 用 于 定义 网 页 上 的 一 个 矩形 块 , 中 间 可 以 包含 引起 行 中 
断 的 标记 ,如 二 table 二 标记 等 。 层 次 块 标记 的 一 般 形式 是 ，: 
«div style=" " id=" "> 
</div> 
主要 属性 有 : 
* id 属性 : 用 于 标记 一 个 二 div 二 块 , 以 便 引 用 该 块 。 
。 style 属性 : 定义 图 层 块 的 位 置 , 大 小 .显示 属性 等 。 
此 外 ,图 层 还 可 以 接受 onclick 等 鼠标 事件 ,来 增加 交互 功能 。 
在 通常 情况 下 ,在 网 页 上 ,我 们 可 以 用 二 div 之 标记 和 去 /div 之 标记 来 定义 一 个 矩形 区 
域 , 即 定义 一 个 图 层 块 ,通过 图 层 块 的 style 属性 操作 ,来 得 到 一 些 特殊 的 效果 。 通 过 客户 端 
程序 ,可 以 实现 对 区 域 的 显示 、 隐 藏 和 移动 等 操作 。 如 果 没 有 层次 块 ,要 实现 一 个 区 域 , 例 如 
一 个 table 的 移动 是 很 不 方便 的 。 
【 例 3-6】 定义 div 块 并 进行 平滑 移动 。 
在 浏览 器 窗口 定义 一 个 div 块 ,双击 鼠标 ,div 块 从 左 向 右 平滑 移动 , 单 击 鼠标 ,停止 移 
动 。 实 现代 码 如 下 : 
<html> 
<head> 
<title>Moving Div Sample< /title> 
<script language = "javascript" > 
var movingID = null; 
var scrolling = false; 
function startMove() 
1 
var left = eval(divl.style.left.replace("px" ,"")) ; 
if (left — document. body. scrollWidth - 150) 
divl.style.left- left + 1; 
else 


divl.style.left- 10; 
movingID = setTimeout("startMove(O " 10); 
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} 
function stopMove() 
{ 
clearTimeout(movingID); 
} 
</script> 
</head> 
<body onDblClick = "startMove()" onMouseDown = "stopMove()"> 
<div id= "div1" style = "visibility;visible; position;absolute; left:10; top:10; z- index:1;"> 
<table bgColor = " # ffffcc" border = "1" cellPadding = "0" cellSpacing = "0"> 
«tr 
«td Div moving....— /td— 
</tr> 
</table> 
</div> 
去 p> 双 击 鼠 标 , 块 开始 从 左 向 右 移动 二 /p> 
去 p> 单 击 鼠 标 , 块 开始 从 左 向 右 移动 二 /p> 
</body> 
</htnl> 


上 述 例子 不 仅 是 为 了 解释 过 div 之 标记 ,更 重要 的 是 要 说 明生 body 二 标记 的 事件 属性 ， 
这 不 可 避免 地 用 到 了 我 们 尚未 解释 的 JavaScript 脚本 语言 ,由 于 可 读 性 较 好 ,相信 读者 能 够 
看 懂 它 的 意思 。 也 相信 通过 这 个 简单 的 例子 ,使 大 家 初步 体会 Web 应 用 的 客户 端 编程 特点 

【 例 3-7】 HTML 标记 综合 举例 。 

下 述 代 码 演示 了 二 a 二 标记 二 div 二 标记 以 及 二 marquee 记 标记 的 组 合 应 用 , 当 和 鼠标 指 
向 一 个 超 文本 链接 时 ,在 鼠标 的 右 下 角 显 示 marquee 效果 。 


<html> 

<head> 

<meta http - equiv = "Content - Language" content = "zh - cn" 

<title> Shandong Travel< /title> 

<script> 

function showtip(current, e, text) 

{ // 王 浏览 器 

if (document.all && document. readyState == "complete")| 
document. all. MyTooltip. innerHTML 
= "一 marquee style = V'border;lpx solid black\" >" + text + "</marquee>"; 
document. all. MyTooltip. style. pixelLeft = event. clientX + document. body. scrollLeft + 10; 
document. all. MyTooltip. style. pixelTop = event.clientY + document. body. scrollTop + 10; 
document. all. MyTooltip. style. visibility = "visible"; 
} 

} 

function hidetip() 

{ 

if (document. all) 
document. all. MyTooltip. style. visibility = "hidden" 
} 
</script> 
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</head> 
<body> 
<a href = "http://www. sdta. gov. cn/" onMouseover = showtip(this, event, "大 而 强 富 而 美的 山东 ") 
onMouseout = "hidetipO " — 3E M ff] LL Z& </a> 
<div id= "MyTooltip" 
style = "position:absolute;visibility:hidden;clip:rect(0 150 50 0); 
width; 150px; background - color ; lightyellow" > 
</div> 
</body> 
</html> 


328 对 象 和 脚本 程序 标记 


在 HTML 网 页 中 ,除了 一 些 基 本 的 文本 、 图 片 等 内 容 外 ,还 可 以 插入 脚本 程序 、Java fi 
JF. ARIZ, Active 控件 等 ,从 而 制作 出 更 加 新 颖 、 丰 富 和 交互 能 力 更 强 的 Web 页 面 。 这 
些 新 的 文档 内 容 需 要 通过 二 object 二 、 <script> , —applet- , — bssound- , <embed> ^ i 
记 来 进行 标记 。 下 面 介 绍 其 中 的 插入 对 象 标记 和 脚本 程序 定义 标记 。 


1. 插 入 对 象 标记 <object>…</object> 


插入 对 象 包括 Flash 动画 、ActiveX 组 件 或 其 他 对 象 。 在 HTML 中 插入 一 个 对 象 , 需 
要 使 用 二 object 字 … 到 /object 二 标记 来 标记 对 象 ,在 二 object 二 标记 内 ,还 需要 使 用 多 个 
去 param 盖 标记 ,来 设置 该 对 象 属性 的 初始 值 , 即 为 该 对 象 传递 参数 值 。 一 般 形 式 如 下 : 
<object classid- "" id = "objl"— 
<param > 
<param > 


</object> 


RD F <object> bri DA f — A FERE <param> H A Y VE AB TE di ACE 
象 的 类 型 不 同 ,这 些 参数 的 设置 悬殊 较 大 。 例 如 ,插入 一 个 Flash 对 象 对 应 的 标记 是 : 


<object classid = "clsid;D27CDB6E-AE6D-11CF-96B8-444553540000" id= "obj1" 
codebase = "http://download. macromedia. com/pub/shockwave/cabs/flash/swflash. cab version = 
6,0,40,0" border = "0" width= "640" height = "480"> 
<param name = "movie" value = "/images/csmacd. swf" > 
<param name = "quality" value = "High"> 
<embed src = "/images/csmacd. swf" 
pluginspage = "http://www. macromedia. com/go/getflashplayer" 
type = "application/x-shockwave-flash" name = "obj1" width= "640" height = "480"> 
</object> 


对 于 各 种 类 型 对 象 的 详细 介绍 略 。 
2. 脚本 程序 定义 标记 < script» -+ </script> 
用 户 可 以 在 HTML 文件 中 插入 脚本 程序 ,脚本 程序 分 为 客户 端 和 服务 端 脚本 程序 两 
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类 。 客 户 端 脚本 程序 一 般 为 JavaScript 程序 ,在 客户 端 浏览 器 中 解释 执行 ,可 以 在 文件 头 和 
文档 体内 书写 脚本 程序 。 服 务 端 脚本 程序 与 Web 服务 器 有 关 ,服务 端 脚本 通常 是 在 文档 体 
内 定义 。 不 同 的 Web 服务 器 应 该 对 应 不 同 的 服务 端 脚本 程序 ,因为 服务 端 脚本 程序 是 在 
Web 服务 器 上 运行 的 。 

在 HTML 文件 中 标记 脚本 程序 的 一 般 形 式 是 : 


<script language = "" runat = "" > 


脚本 程序 代码 
</script> 
属性 language 用 于 设置 脚本 程序 语言 ,runat 属性 设置 脚本 是 客户 端 脚 本 还 是 服务 端 
脚本 ,默认 为 客户 端 脚本 。 要 声明 是 服务 端 脚本 , 则 属性 值 设 为 sunat — "Server". JH S Pi 
脚本 程序 也 可 以 使 用 其 他 的 标记 ,如 Tomcat 支持 的 服务 器 脚本 标记 为 二 %…% 二 标记 。 
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在 HTML 中 ,每 一 个 标记 都 包含 了 默认 的 显示 样式 ,定义 了 所 标记 内 容 在 浏览 器 中 的 
布局 和 显示 外 观 。 如 果 要 修改 一 个 标记 的 默认 显示 属性 ,需要 通过 标记 的 style 属性 为 标记 
的 相应 属性 赋值 ,这 使 得 标记 更 加 复杂 ,难以 维护 。W3C 为 了 解决 HTML 的 结构 化 问题 和 
实现 Web 中 的 总 体外 观 控 制 , 于 1996 年 底 ,公布 了 层 倒 样式 表单 (Cascading Style Sheet, 
CSS) 规 范 。 所 谓 层 倒 是 指 对 于 容器 元 素 指定 的 所 有 选项 ,将 被 自动 地 应 用 到 其 包含 的 所 有 
元 素 中 。 

在 CSS 规范 中 ,可 以 定义 标记 的 样式 类 ,或 者 为 特定 的 标记 定义 ID 属性 ,然后 在 标记 
中 ,将 这 些 标记 属性 存储 在 HTML 头 部 的 二 style 二 … 一 /style 二 中 ,或 单独 保存 为 . css X 
件 , 然 后 通过 标记 的 class 属性 或 ID 属性 来 引用 ,从 而 实现 标记 内 容 的 定制 显示 外 观 。 


.标记 的 style 属性 与 内 联 样式 


在 HTML 中 ,除了 basefont, param 和 script 标记 外 ,几乎 所 有 的 文档 体内 的 标记 都 有 
style JR tE £148 <body> brit Er. style 属性 将 修改 标记 的 默认 样式 ,从 而 实现 标记 按照 
特定 的 形式 显示 ,这 就 是 内 联 样式 。 例 如 : 

<p style = "color: red; font - family:'Impact" 二 红色 英文 Imapct F, WR FETARE. </p> 

要 使 用 内 联 样式 ,必须 在 文档 的 二 head 盖 … 一 /head 盖 部 分 包括 以 下 标记 : 


<meta http- equiv = "Content - Type" content = "text/css"> 


内 联 样式 可 以 改变 标记 的 默认 显示 样式 ,如 果 需 要 多 个 标记 使 用 同样 的 样式 显示 时 , 需 
要 为 每 一 个 标记 添加 style 属性 ,非常 麻烦 。 另 外 ,内 联 样 式 和 需要 展示 的 内 容 混合 在 一 起 ， 
显得 比较 混乱 ,修改 不 够 方便 ,这 本 身 也 是 HTML 规范 的 一 大 整 端 。 

总 之 ,style 属性 可 以 改变 标记 的 默认 显示 样式 ,采用 style 属性 管理 大 量 文档 的 显示 将 
十 分 困难 。 当 管理 人 员 需 要 改变 某 些 标 记 的 显示 形式 时 ,需要 做 大 量 的 微调 工作 。 要 解决 
站 点 级 的 显示 问题 ,内 联 样 式 将 非常 困难 ,必须 借助 于 样式 表 。 


98 


Web 技 术 导论 (第 2 版 ) 


2 修改 标记 默认 样式 

当 一 个 用 户 自 定义 的 样式 要 应 用 到 文档 中 的 所 有 元 素 ( 标 记 ) 时 ,应 该 在 文档 的 头 部 使 
用 一 style>… 所 /style 标记 对 重新 定义 这 些 标记 的 样式 。 

<style> by iu lk Efe HTML 文档 的 二 head 二 … 坪 /head 二 内 ,用 于 定义 样式 。 使 
用 二 style 一 标记 可 以 为 网 页 设置 不 同 的 样式 属性 ,一 般 形 式 为 : 

<style type = "text/css" 

标记 { 属性 名 : 属性 值 ; 属性 名 : 属性 值 ; } 

</style> 

{E< style 和 到 /style> 之 间 的 部 分 是 一 系列 的 样式 定义 ,实际 上 ,就 是 对 HTML 标 
记 的 默认 显示 样式 进行 重新 定义 ,做 到 个 性 化 。 要 修改 一 个 标记 的 默认 属性 ,需要 知道 这 个 
标记 有 哪些 属性 , 记 住 一 个 标记 的 所 有 属性 是 很 困难 的 ,这 需要 借助 于 FrontPage, 
Dreamweaver 等 网 页 制作 工具 来 定义 样式 。 例 如 ,在 FrontPager 的 菜单 “格式 ”中 ,包含 “ 样 
式 …” 命 令 , 可 以 修改 标记 的 默认 样式 ,或 者 新 建 样式 类 .创建 CSS 文件 等 。 

例如 ,要 设置 整个 文档 的 文字 颜色 和 背景 色 , 可 以 定义 样式 为 ; 

<style type = "text/css"> 

body { color; black; background; white; } 
</style> 
例如 ,要 个 性 化 超 链接 的 显示 ,可 以 定义 下 面 的 样式 : 


<style type = "text/css"— 
a:hover ( color: # FF0000; 
text - decoration;none; 
font - weight :bold} 
a (color; # 0000FF;text  decoration;none; font - size;l4px) 
</style> 
PE os F C P EL bf k (<a> </a>) ,文字 显示 为 蓝 色 , 当 鼠 标 指向 的 时 候 则 显 
示 红 色 , 同 时 字体 也 为 14px, 不 显示 下 划 线 。 


3. 标 记 的 id 属性 与 dass 属 性 


如 果 将 一 个 样式 用 到 某 个 元 素 的 一 个 场合 ,而 不 是 该 标记 的 全 部 ,此 时 可 以 在 文件 头 部 
ll — style </style> by i VI XE 3638 FH] id 值 或 隶属 于 某 个 标记 的 id 值 ,或 者 定义 样式 
类 ,然后 在 标记 中 设置 id 属性 和 class 属性 。 
元 素 样式 定义 的 语法 格式 为 : 
tagName[ . className ]| # ID 属性 名 ] ( 
property : value 


[;property : value....] 
} 


在 HTML 中 ,可 以 设置 的 CSS 属性 很 多 .不同 的 标记 ,可 设置 的 CSS 属性 也 不 相同 。 
在 具体 应 用 中 ,不 需要 记忆 众多 的 css 属性 ,所 有 的 网 页 制作 工具 ,例如 FrontPage, 
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Dreamweaver 等 ,都 具有 定义 CSS 的 功能 ,并 且 是 所 见 即 所 得 。 

CD ID 属性 用 于 定义 一 个 元 素 的 独特 的 样式 。ID 值 可 以 关联 一 个 标准 的 标记 ,也 可 以 
用 于 任何 标记 。 例 如 : 

*myID] ( font- size: larger } 

p# myNote ( font - weight; bolder; color; red; background; white } 

上 述 的 myID1 不 隶属 于 任何 标记 ,因此 可 以 在 相关 的 标记 中 设置 id 属性 为 myID1; 
myNote 隶属 于 段落 标记 一 p>, 因 此 ,只 能 在 标记 过 p 之 中 使 用 。 例 如 

<div id = myID1 盖 欢迎 使 用 ID 属性 一 /div 之 

<p id = myNote> 注 意 事项 : </p> 

当 一 个 样式 只 需要 在 任何 文档 中 应 用 一 次 时 ,使 用 id 是 很 适合 的 。 

(2) class 属性 用 于 指定 标记 使 用 的 样式 类 。 样 式 类 可 以 关联 一 个 标准 的 标记 ,也 可 以 
用 于 任何 标记 。 例 如 : 

.wordl ( color; lime; background; # ff80c0 } 

p.warning { font- weight; bolder; color: red; background; white ) 

其 中 ,wordl 类 不 隶属 于 任何 标记 ,可 以 用 于 任何 body 元 素 ,因为 它 在 样式 表 中 没有 和 
具体 的 HTML 元 素 关联 。 但 warning 类 只 能 用 于 段落 标记 二 p 二 。 

当 定 义 了 样式 类 后 ,可 以 在 标记 中 通过 class 属性 引用 ,例如 : 

<p class = warning % f: </p> 

<p class = wordl>Please turn off the power first</p> 


4 FEX Coss) xc fF 


在 HTML X fbl] head -</head> fi iu VJ <style>- </style> E XC fl FE 
x ID 和 样式 类 ,只 能 应 用 于 当前 的 HTML 文档 。 如 果 要 将 这 些 样式 应 用 到 其 他 HTML 
文档 中 ,应 该 使 用 样式 文件 。 即 将 这 些 样式 定义 存储 在 一 个 扩展 名 为 css 的 样式 文件 中 ,css 
文件 可 以 是 一 个 标准 的 HTML 文件 ,只 不 过 一 body 二 … 到 /body 二 为 空 。 然 后 , 当 某 个 网 
页 需要 使 用 其 中 的 样式 时 ,在 文档 的 一 head 二 … 到 /head 二 中 增加 到 link 二 标记 ,一 般 形式 
如 下 : 


<link type = "text/css" rel = "stylesheet" href = "mystyle.css"> 


这 样 , 在 当前 文档 中 ,就 可 以 使 用 样式 文件 mystyle. css 中 定义 的 样式 了 。 

一 种 良好 的 HTML 页 面 就 是 充分 利用 css 技术 ,将 页 面 的 显示 和 布局 分 开 , 从 而 保证 
页 面 维护 的 灵活 性 。 例 如 ,我 们 要 设计 一 个 登录 界面 login. htm, 如 图 3-5 所 示 。 

上 述 登 录 界面 可 以 用 表格 来 实现 ,对 于 表格 ,为 了 增加 修改 的 灵活 性 ,可 以 定义 一 个 该 
页 面 的 css 文件 ,例如 login. css。 因 此 ,登录 界面 就 需要 两 个 文件 来 构成 ,一 个 是 login. html. 
另 一 个 是 所 用 到 的 css 文件 login. css, 存 储 在 styles 文件 夹 中 。 

登录 页 面 文 件 login. html 代码 清单 如 下 : 


<| DOCTYPE html PUBLIC " — //W3C//DTD XHTML 1. 0 Transitional//EN" "http://www. w3. org/TR/ 
xhtn11/DTD/xhtnll- transitional. dtd"> 
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图 3-5 用 户 登录 界面 


<html xmlns = "http://www. w3. org/1999 /xhtm1" > 

<head> 

<meta http - equiv = "Content - Type" content = "text/html; charset = gb2312" /> 
<link rel = "stylesheet" type = "text/css" href = "styles/login. css" /> 
</head> 


<body> 
<form action = "login. jsp" method = "post" onSubmit = "return on submit()" name= "forml "> 
<table id= "login" cellpadding = "0" cellspacing = "0"> 
<tr> 
<td id= "login rowl"— Jf P X3 — /td— 
</tr> 
<tr> 
<td id="login_row2" >H %4: <input class = "input" type = "text" name = "username" 
value= ""/></td> 
</tr> 
<tr> 
<td id="login_row2"> 8j &nbsp; &nbsp; f}; < input class = "input" type = "password" name = 
"username" value = ""/></td> 
</tr> 
<tr> 
<td class = "login_submit" ><input type = "submit" value = "登录 " 
class = "mybutton" —&nbsp; &nbsp; &nbsp; &nbsp; — input type = "reset" value = " 重 置 " 
class = "nybutton" ></td> 
</tr> 
</table> 
</form> 
</body> 
</html> 


在 上 述 HTML 代码 中 ,对 于 每 一 个 标记 ,其 显示 样式 使 用 了 id 属性 和 class 属性 ,这 些 


属性 在 login. css 中 进行 了 定义 。login. css 代码 清单 如 下 : 


body{ 
margin:0 auto; 
font- size:l2px; 


) 
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text - align;center; 
background- color; # FFFFFF; 
font - family: R {$ , Helvetica, sans - serif; 


f login( 


) 


width:500px; 

height:300px; 

background; # CCCCCC; 
margin - top:l00px; 

border; # 000000 1px solid; 


f login rowl( 


) 


height;100px; 

font - size;36px; 

color; # 000000; 

text - align:center; 
vertical - align:middle; 


f login row2( 


) 


height:50px; 

color: # 000000; 

text ~ align;center; 
vertical - align;middle; 


.login submití 


) 


height:50px; 

color; # 000000; 

text ~ align;center; 
vertical- align;middle; 


. input 


} 


border — right;lpx solid #0163A2; 
border - bottom;lpx solid # 0163A2; 
border - left:1px solid #0163A2; 
border 一 top:1px solid # 0163A2; 
height;18px; 

width;200px; 

margin- left;5px; 

background: # FFFFFF; 

text - align:left; 

vertical- align;middle; 


.mybutton( 


height:20px; 

width;5Opx; 

border - right;lpx solid £ 016342; 
border - bottom;lpx solid # 01632; 
border - left:lpx solid # 0163A2; 
border - top:lpx solid £ 016342; 
font - size;l2px; 

color; # 0163A2; 
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text - align;center; 
vertical - align;middle; 
background; # FFFFFF; 
) 
需要 特别 说 明 的 是 ,在 上 述 的 css 文件 定义 中 ,如 果 一 种 样式 在 HTML 中 需要 通过 id 
属性 来 引用 ,应 使 用 *# ”符号 来 定义 ,如 果 要 通过 class 来 使 用 , 则 应 通过 “. ”符号 来 定义 。 
对 于 一 些 常用 的 css, 可 以 分 别 存储 在 不 同 的 . css 文件 中 ,然后 将 这 些 . css 文件 保存 在 一 个 
styles 文件 夹 中 。 


3240 iW 


帧 (frame) 可 以 用 来 将 浏览 器 窗口 划分 为 多 个 区 域 ( 子 窗口 ), 每 个 子 窗口 中 装载 一 个 
HTML 文件 。 即 每 个 HTML 文件 占据 一 个 帧 ,而 多 个 帧 可 以 同时 显示 在 同一 个 浏览 器 窗 
口中 ,这 样 的 Web 页 面 称 为 框架 网 页 。 

帧 页 定义 的 一 般 形式 是 : 

<frameset rows="" cols=""> 


<frame name = "" target ="" src=""> 
<frame name = "" target = "" src=""> 


</frameset> 


JHEP <frameset> + </ frameset > bit & X Wi , 44 Uti — A rows 属性 或 cols 属性 ,将 
屏幕 分 成 若干 行 或 若干 列 。 然 后 跟着 是 相应 的 每 一 帧 定义 ,由 二 frame 过 来 标记 ,二 frame 二 
为 单 标记 。 如 果 某 个 二 frame 盖 进一步 进行 了 拆 分 ,在 一 frame 之 处 ,可 以 岩 套 二 frameset 二 … 
二 /frameset 二 。 


1. «frameset» -+ < /rameset- 标记 


二 frameset 二 … 一 /frameset 二 标记 对 放 在 帧 的 主 文档 的 一 body 二 二 /body 二 标记 对 的 
外 边 ,也 可 以 嵌 在 其 他 帧 文档 中 ,并 且 可 以 嵌 套 使 用 。 此 标记 对 用 来 定义 主 文档 中 有 几 个 帧 
并 且 各 个 帧 是 如 何 排列 的 。 它 具有 rows 和 cols 属性 ,使 用 一 frameset 二 标记 时 这 两 个 属性 
必须 至 少 选择 一 个 ,和 否则 浏览 器 只 显示 第 一 个 定义 的 帧 。 

rows 用 来 规定 主 文 档 中 各 个 帧 的 行 定 位 ,而 cols 用 来 规定 主 文档 中 各 个 帧 的 列 定 位 。 
这 两 个 属性 的 取 值 可 以 是 百分数 、 绝 对 像素 值 或 星 号 (* * ”) ,其 中 星 号 代表 那些 未 被 说 明 的 
空间 ,如 果 同 一 个 属性 中 出 现 多 个 星 号 则 将 剩 下 的 未 被 说 明 的 空间 平均 分 配 。 同 时 ,所 有 的 
帧 按照 rows 和 cols 的 值 从 左 到 右 , 从 上 到 下 排列 。 

例如 ,通过 FrontPage 2003, 新 建 “标题 ,页 脚 和 目录 ”框架 网 页 ,代码 如 下 : 

<html> 

<head> 

<meta http- equiv = "Content — Type" CONTENT = "text/html; charset = gb2312"> 

<meta name = "GENERATOR" content = "Microsoft FrontPage 4. 0"> 


<meta name = "ProgId" content = "FrontPage. Editor. Document" > 
<titleœ>New Page 1</title> 


第 3 章 《HTML 和 XML 基础 


</head> 
<frameset rows = "64, * ,64"> 
<frame name = "top" scrolling = "no" noresize target = "contents" src = "new page 2.htn"— 
<frameset cols = "150, * "> 
<frame name = "contents" target = "main" src= "new page 3.htm" > 
<frame name = "main" src = "new page 4.htm"— 
</frameset> 
<frame name = "bottom" scrolling = "no" noresize target = "contents" src = "new page 5.htm"> 
<noframes> 
<body> 
put FI RH THER, 但 您 的 浏览 静 不 支持 奏 架 。 一 /p 二 
</body> 
</noframes> 
</frameset> 
</html> 


上 述 代码 将 屏幕 分 成 了 三 行 , 其 中 第 二 行 又 分 成 两 列 , 一 共 四 个 帧 ,每 个 帧 对 应 一 个 文 
件 , 对 应 过 frame 之 标记 中 的 sre 属性 ,另外 一 个 文件 存储 上 述 的 代码 , 即 框架 网 页 ,或 称 为 
主 帧 网 页 。 显 示 结 果 如 图 3-6 所 示 。 


E New Page 1 - Microsoft Internet Explorer 


[e5t-2-Q djs amm meo 3 Oi - Gd i 
HEO [E] cooauments and setinltdneitotor re pose im] PA | i >| 


图 3-6 框架 网 页 在 浏览 器 中 的 显示 


2. «frame» 标记 


<frame > fy i Jl E < frameset > + — /frameset > Ze [8]. JH o jE Xx — A Hf fg Wi. 
frame RHH src 和 name 属性 ,这 两 个 属性 都 是 必须 赋值 的 。src 是 此 帧 的 源 HTML X 
件 名 (包括 网 络 路 径 , 即 相对 路 径 或 网 址 ) ,浏览 器 将 会 在 此 帧 中 显示 src 指定 的 HTML 文件 ; 
name 是 此 帧 的 名 字 , 这 个 名 字 是 用 来 供 超 文本 链接 标志 二 a href— "" target — "" >H H target 
属性 指定 链接 的 HTML 文件 将 显示 在 哪 一 个 帧 中 。 

例如 ,定义 了 一 个 帧 ,名字 是 main, 在 帧 中 要 显示 的 HTML 文件 为 mint. htm, 则 代码 
是 二 frame name 一 "main”src 一 "mint. htm" 之 。 如 果 有 一 个 链接 ,在 点 击 了 该 链接 后 ,需要 
在 main 的 帧 中 显示 文件 newone. htm, 则 代码 为 一 a href— " newone. htm" target — " main" ft 
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接 的 文本 二 /a 二 。 这 样 一 来 ,就 可 以 在 一 个 帧 中 建立 网 站 的 目录 ,加 入 一 系列 链接 , 当 点 击 
链接 以 后 在 另 一 个 帧 中 显示 被 链接 的 HTML 文件 。 

此 外 ,一 frame 盖 标记 还 有 scrolling 和 noresize 属性 ,scrolling 用 来 指定 是 否 显示 滚动 
条 , 取 值 可 以 是 “yes”( 显 示 )、“no”( 不 显示 ) 或 “auto”( 若 需要 则 会 自动 显示 ,不 需要 则 不 显 
示 )。noresize 属性 直接 加 入 标记 中 ,不 需 赋值 , 它 用 来 禁止 用 户 调整 一 个 帧 的 大 小 。 


3. <noframes>…</noframes> 标记 


有 的 浏览 器 不 支持 框架 网 页 ,此 时 需要 使 用 二 noframes 二 … 一 /noframes 二 标记 对 ,用 
来 在 那些 不 支持 帧 的 浏览 器 中 书写 传统 的 二 body 之 … 王 /body 二 部 分 。 


33 扩展 标记 语言 XML 


在 互联 网 的 发 展 历史 上 ,有 两 种 非常 核心 的 技术 ,这 就 是 Java HI XML, Java 提供 了 程 
序 代码 的 平台 无 关 性 ,而 XML 则 保证 了 数据 的 平台 无 关 性 ,已 成 为 Web 应 用 中 数据 表示 
和 数据 交换 的 标准 。 但 是 ,人 们 对 XML 的 认识 远 远 没有 对 HTML 的 认识 彻底 和 清晰 ,有 
些 理解 甚至 是 完全 错误 的 。 那 么 ,究竟 什么 是 XML 呢 ? XML 和 HTML 有 什么 不 同 , 它 们 
的 本 质 区 别 是 什么 呢 ? 同时 ,由 于 XML 毋庸 置疑 的 优越 性 以 及 XML 的 不 断 发 展 壮大 , 挂 
在 “XML” 一 词 下 的 标准 和 规范 不 断 变化 ,了 解 这 些 标 准 的 来 龙 去 脉 ,以 及 它们 之 间 的 关系 ， 
对 于 掌握 XML 也 是 至 关 重 要 的 。 


33.1 XML 技 术 简 介 


XML 和 HTML 都 称 为 标记 语言 ,但 是 两 者 有 着 本 质 的 不 同 。HTML 的 目的 是 标记 
内 容 的 显示 样式 ,但 是 ,XML 的 基本 动机 则 是 对 数据 结构 的 表达 ,实现 内 容 和 内 容 展 示 的 
分 离 , 要 显示 XML 文档 内 容 , 则 需要 其 他 相应 的 规范 ,例如 XSLT 等 。 


1. HM 的 不 足 


HTML 的 出 现 无 疑 是 Internet 技术 和 Web 技术 的 一 次 突破 ,为 推动 Internet 和 Web 
技术 的 发 展 发 挥 了 巨大 的 作用 。 随 着 Web 技术 的 快速 发 展 ,Internet 上 的 Web 信息 越 来 越 
多 ,内 容 越 来 越 复杂 ,数据 格式 也 越 来 越 多 ,HTML 已 经 无 法 满足 表达 日 益 丰 富 的 数据 形式 
的 需要 。HTML 的 不 足 主要 表现 在 以 下 几 个 方面 : 

(D HTML 的 标记 固定 ,HTML 只 是 一 种 表现 技术 ,不 能 表达 语义 。 

(2) 不 能 适应 现在 越 来 越 多 的 网 络 设备 和 应 用 的 需要 ,比如 手机 、`PDA、 信 息 家 电 都 不 
能 直接 显示 HTML. 

(3) HTML 代码 不 规范 .及 和 肿 ,浏览 器 需要 足够 智能 和 庞大 才能 够 正确 显示 HTML, 

(4) 数据 与 表现 混杂 ,页 面 要 改变 显示 ,就 必须 重新 制作 HTML. 


2. XML 的 产生 和 发 展 
HTML 的 不 足 推动 了 XML 的 产生 和 发 展 。1996 年 8 月 ,那些 关心 SGML 的 专家 聚 
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集 在 美国 西雅图 ,成 立 了 一 个 名 为 GCA(Graphic Communications Association. ,图 形 通信 协 
会 ) 的 组 织 , 研 究 如 何 开 发 SGML 以 便 它 适应 和 促进 Web 技术 的 发 展 。 他 们 对 SGML 过 于 
复杂 难于 被 理解 和 实现 的 方面 进行 简化 ,去 掉 其 语法 定义 部 分 ,适当 简化 DTD 部 分 ,并 增 
加 了 部 分 互联 网 的 特殊 成 分 。 为 了 体现 它 与 HTML 的 不 同 ,工作 组 将 其 命名 为 XML 
(eXtensible Markup Language) ,同时 也 将 自身 更 名 为 XML 工作 组 。1998 4E 2 H 10 H. 
XML 工作 组 正式 向 W3C 提交 了 XML 的 最 终 推荐 标准 ,这 就 是 XML 1.0 标准 。 

在 XML 中 ,SGML 的 最 初 动机 得 以 延续 , 那 就 是 将 文件 内 容 和 处 理 这 些 内 容 的 应 用 程 
序 进行 分 离 ,在 文件 内 容 中 不 嵌入 数据 的 处 理 过 程 代码 ,文件 内 容 被 编码 为 条 理 清 晰 的 文 
本 ,从 而 便于 数据 交换 和 处 理 。 对 数据 进行 研究 有 着 重要 的 意义 ,因为 数据 往往 是 相对 稳定 
的 ,变化 的 通常 是 处 理 这 些 数 据 的 程序 。 实 现 数据 和 操作 这 些 数 据 的 程序 的 分 离 是 XML 
的 设计 动机 ,这 是 深刻 理解 XML 的 基础 。 在 XML 中 ,如 果 XML 某 方面 设计 的 与 应 用 程 
序 太 过 紧密 ,就 可 以 认为 这 是 一 种 bug, 这 是 使 用 XML 最 重要 的 一 个 原则 。 

XML 标准 的 发 展 没 有 HTML 那样 迅速 ,直到 2002 年 10 月 15 日 , W3C 才 发 布 了 
XML 1.1 候选 推荐 标准 。 在 XML 1. 0 规范 中 ,使 用 的 字符 集 为 Unicode 2. 0。 随 着 
Unicode 版 本 的 升级 ,XML 1.1 支持 新 的 Unicode 字符 ,不 再 局 限于 一 个 具体 的 Unicode 版 
本 。 此 外 ,在 XML 1.1 中 ,增加 了 IBM 大 型 主机 规定 的 换行 符 ( 并 x85: 十 六 进 制 的 85) 和 
Unicode 换行 符 (# x2028) 的 处 理 能 力 , 这 些 改变 都 提高 了 XML 的 国际 化 支持 水 平 。 


3. XML 分 析 器 


XML 文档 需要 在 XML 分 析 器 中 才能 运行 ,XML 分 析 器 是 一 个 软件 模块 ,应 用 程序 利 
用 它 来 解析 XML 文档 并 且 得 以 访问 数据 和 数据 结构 。XML 分 析 器 有 确认 型 和 非 确认 型 
两 种 。 确 认 型 XML 文档 分 析 器 检查 XML 文档 的 语法 ,将 XML 文档 内 容 同 文档 类 型 定义 
DTD 和 架构 作 比 较 。XML 分 析 器 通过 判断 XML 数据 是 否 和 预定 义 的 确认 规则 相符 ,以 
判定 XML 文档 是 否 为 构造 良好 。 非 确认 型 XML 分 析 器 也 进行 XML 文档 语法 的 检查 ,但 
不 进行 XML 文档 内 容 和 DTD 及 架构 的 比较 。 

现在 几乎 所 有 的 主流 浏览 器 都 内 置 了 XML 分 析 器 ,支持 XML 和 XSLT。 例 如 ,在 微 
软 的 Internet Explorer 浏览 器 中 ,内 置 了 XML 确定 性 分 析 器 MS XML。 如 果 是 一 个 有 效 
的 XML 文件 ,在 浏览 器 中 打开 XML 文件 时 ,XML 文档 将 显示 为 一 个 树 状 结构 , 称 为 XML 
文档 树 。 通 过 点 击 元 素 左 侧 的 加 号 或 减 号 ,可 以 展开 或 折 释 元 素 结构 。 此 外 ,浏览 器 或 其 他 
应 用 程序 也 可 以 使 用 CSS 或 XSLT 样式 转换 显示 XML 文档 数据 。 


4 XML 技术 分 析 


随 着 Internet 的 快速 发 展 ,尤其 是 电子 商务 、Web 服务 等 应 用 的 广泛 使 用 ,XML 类 型 
的 数据 成 为 当前 主流 的 数据 形式 。 虽 然 XML 作为 一 种 通用 的 数据 交换 语言 ,已 经 成 为 业 
界 的 一 种 具有 芍 断 性 的 标准 ,在 跨 平台 跨 系统 数据 交换 方面 拥有 无 可 比拟 的 优势 ,但 是 ,和 
关系 数据 库 相 比 ,XML 的 最 大 缺陷 就 是 它 的 效率 较 低 。 因 为 在 关系 型 数据 库 中 ,数据 的 字 
段 名 只 需要 出 现 一 次 ,但 是 在 XML 数据 文件 中 ,元 素 名 将 反复 出 现 , 这 必然 会 影响 到 查询 
的 效率 。 

作为 一 种 数据 存储 方案 ,XML 技术 无 疑 具 有 绝对 的 优势 。 提 高 数据 的 查询 、 使 用 效率 
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成 为 XML 技术 研究 的 热点 ,这 些 研 究 包括 XML 与 关系 数据 库 之 间 的 相互 转换 ,利用 关系 
数据 库 的 成 熟 技 术 对 XML 数据 进行 处 理 。 为 提高 XML 的 查询 效率 ,需要 为 XML 类 型 提 
供 索 引 功 能 。 如 果 对 XML 文档 不 构建 索引 结构 ,那么 针对 XML 数据 的 任何 查询 都 很 可 能 
导致 对 整个 文档 树 的 遍历 , 随 着 XML 数据 集 的 增 大 ,这 种 开销 是 不 可 忍受 的 。 

上 述 关于 XML 研究 和 应 用 的 需求 推动 了 XML 的 发 展 , 也 导致 了 许多 新 的 XML 相关 
标准 和 规范 的 产生 ,这 包括 : XML 架构 .扩展 样式 语言 XSLT、XML 路 径 语言 XPath, XML 
查询 语言 Xquery XML 链接 语言 规范 XLink 和 XPointer 等 。 


332 XML 文档 结构 


XML 文档 是 一 个 纯 文 本 文件 ,XML 规范 定义 了 XML 文档 良好 的 结构 ,将 一 个 XML 
文档 分 为 XML 文档 序言 .文档 类 型 定义 和 文档 内 容 三 个 部 分 ,一 般 形式 如 下 : 


«?xml versione"1.0" encoding-"GB2312" ?> 
<?xml-stylesheet typec"text/xsl" hrefe"myxslfile.xsl"?» XML 文档 序言 
> 


<IDOCTYFE rootElementName SYSTEM "mydtdfile. dtd" 


文档 类 型 定义 


«IDOCTYPE rootElementName [ 
(用 户 自 定义 标记 ) 


«IELEMENT element-narmeelementdefination)» 
]> 


«rootFlementName» 
«elementName; [属性 名 1='" 属 性 值 ] [属性 名 2=" 属 性 值 ] .… o elementValuec/elementNamej? 


«elementName; [属性 名 1='" 属 性 值 ] [属性 名 2=" 属 性 值 ] .…. >elementVatus</elementNames> 
XML 文档 内 容 


<elementNameu [属性 名 1='" 属 性 值 ] [属性 名 2=" 属 性 值 ] .… >elementValus</elementNamen> 
«irootElementName»] 


1. XML 文档 序言 


XML 文档 序言 是 在 文档 类 型 定义 和 根 元 素 的 开始 标记 之 前 的 部 分 ,声明 应 用 于 整个 
文档 的 信息 ,包括 XML 文档 声明 (XML 版 本 、 字 符 编码 )、XML 样式 转换 语言 文档 以 及 外 
部 DTD 定义 等 。 例如: 

<?xml version = "1.0" encoding = "GB2312" ? > 

<?xml — stylesheet type = "text/xsl" href = "myxslfile. xsl"? > 

< | DOCTYPE rootElementName SYSTEM "mydtdfile. dtd" > 

在 上 述 XML 序言 中 ,第 一 行为 XML 文档 声明 ,声明 XML 文档 为 XML 1. 0 ,使 用 字符 
集 为 GB2312。XML 声明 通常 在 XML 文档 的 第 一 行 出 现 。XML 声明 不 是 必 选 项 ,但 是 如 
果 使 用 XML 声明 ,必须 在 文档 的 第 一 行 前面 不 得 包含 任何 其 他 内 容 或 空白 。 

XML 文档 声明 的 一 般 形 式 为 : 


<?xml version = "versionNumber" [encoding = "encodingValue"] [standalone = "yes/no"] ?> 


VersionNumber 为 版 本 声明 ,声明 XML 文档 所 遵循 的 XML 规范 的 版 本 号 。encoding 
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为 编码 声明 标识 ,用 于 表示 文档 中 的 字符 的 编码 ,为 可 选项 ,默认 值 为 UTF-8( 适 合 美国 英 
语 的 Unicode 压缩 版 )。XML 分 析 器 可 以 自动 确定 文档 使 用 的 是 UTF-8 还 是 UTF-16 
Unicode 编码 ,但 是 ,在 支持 其 他 编码 的 文档 中 应 使 用 此 声明 。 独 立 声明 参数 standalone 标 
识 该 文档 是 否 依赖 于 其 他 XML 文档 , 取 值 为 yes 或 no, 默 认 值 为 yes。 

第 二 行为 文档 处 理 程序 声明 ,声明 处 理 该 XML 文档 数据 的 外 部 程序 ,通常 是 一 个 
XSLT. 

第 三 行为 外 部 文档 类 型 定义 声明 , 即 声明 一 个 外 部 DTD 文件 ,一 般 形式 是 : 

— | DOCTYPE rootElementName SYSTEM "dtdFile "> 

在 外 部 文档 类 型 定义 后 面 将 是 内 部 文档 类 型 定义 部 分 ,可 以 省 略 。 

2 文档 类 型 定义 


在 XML 文档 序言 和 XML 文档 之 间 的 部 分 是 文档 类 型 定义 (DTD) 部 分 ,用 于 定义 
XML 中 用 到 的 元 素 、 元 素 属 性 等 , 即 声明 用 户 自 定义 标记 及 相关 属性 ,其 目的 是 用 于 确认 
型 XML 分 析 器 检查 XML 文档 是 否 结构 良好 。 相 对 于 用 外 部 的 DTD 声明 ,这 里 的 文档 类 
型 定义 称 为 内 部 DTD 声明 ,其 一 般 形式 是 : 


< | DOCTYPE rootElementName [ 
<! ELEMENT element - name(elementdefination)> 


J> 

其 中 ,rootElementName 为 文档 的 根 元 素 , 在 根 元 素 内 定义 其 他 元 素 。 例 如 ,二 ! ELEMENT 
address( buildingnumber, street, city. state. zip) 二 , 则 定义 一 个 名 称 为 address 的 元 素 ， 
address JÙ 2X TE Jl F* XLA — buildingnumber-- , — street7^ , — city >, — state ,<zip> 五 个 元 
3. nDDDfE— HE X. — buildingnumber776 £ <! ELEMENT buildingnumber( # PCDATA )>, 
"fü T -—buildingnumber- Jt € ftf Hc (E. 

在 一 个 XML 文档 中 ,内 部 文档 类 型 定义 (DTD) 部 分 不 是 必需 的 ,如 不 需要 可 以 省 略 。 


3. XML 文档 内 容 


XML 文档 内 容 , 即 XML 文档 体 ,是 XML 文档 的 数据 部 分 。 文 档 体 包括 一 个 或 多 个 元 
素 ,每 个 元 素 有 一 个 开始 标记 和 一 个 结束 标记 定义 。 文 档 体 中 的 元 素 定 义 了 数据 的 结构 ,有 
一 个 单独 的 根 元 素 包 含 所 有 其 他 元 素 ,文档 中 所 有 数据 都 包含 在 文档 体 的 根 元 素 中 。 

在 文档 体内 ,还 可 以 使 用 名 称 空间 , 即 在 每 一 个 元 素 和 属性 前 面 加 上 前 缀 “名 称 空间 : ” 
来 唯一 地 标识 一 个 元 素 或 一 组 元 素 的 属性 ,以 避免 多 个 XML 文档 中 的 元 素 重 名 。 

[913-8] 一 个 简单 的 XML x Pi. 

下 面 是 Brion 给 Jane 的 便条 ,使 用 XML 格式 ,内 容 如 图 3-7 所 示 。 

用 HTML 的 思想 ,双击 该 文档 在 浏览 器 中 打开 ,显示 如 图 3-8 所 示 。 

在 浏览 器 中 ,我 们 看 到 了 一 棵 XML 文档 树 。 这 个 XML 文档 做 了 什么 呢 ? 好 像 什么 都 
没 做 。 我 们 需要 的 是 观念 上 的 转变 ,不 能 再 以 HTML 的 思想 来 理解 XML 了 。XML 不 是 
HTML 的 替代 品 ,HTML 设计 的 目的 是 用 来 显示 数据 ,重点 是 显示 数据 以 及 如 何 使 数据 的 
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十 
文件 (F) 编辑 (E) 格式 (0) 帮助 (H) 


<?xml version="1.8" encoding-"gb2312" ?> 
<note> 


<to>Brion</to> 

<from>Jane</from> 

<heading>Reninder</heading> 

Xbody»Don't forget me this weekend</body> 
《ynote> 


工具 D W 
aA ar sema Qus iSc ” 
地 址 (0) [73 C:Documents and SettngstAdnnetrstcrl 旧 面 教 村 -wb 开发 技 2 了 | OHA 链接 ” 


<?xml version-"1 0" encoding-"gb2312" ?> 
- «note» 
«to»Brionc/to» 
«from» Jane«/from» 
«heading»Reminderc/heading» 
«body»Don't forget me this weekend</body> 
«/note» 


图 3-8 XML 文档 在 浏览 器 中 的 显示 界面 


显示 更 美观 。XML 是 用 来 存储 数据 的 ,XML 设计 的 目的 是 用 来 描述 数据 结构 ,以 及 存储 
数据 ,实现 数据 存储 和 显示 的 分 离 , 数 据 的 显示 则 是 通过 层 琶 样式 表 CSS 或 样式 转换 语言 
XSL 实现 的 。 


333 文档 类 型 定义 DTD 


在 XML 中 ,没有 像 HTML 一 样 拥有 一 个 通用 的 标记 集合 ,标记 (在 XML 中 ,又 称 “ 元 
素 ”) 是 通过 文档 类 型 定义 (Document Type Difinition,DTD) 来 实现 的 。DTD 定义 了 XML 
文档 中 可 以 使 用 的 标记 符号 .标记 的 属性 、 标 记 的 排列 方式 /顺序 .标记 能 够 包含 的 内 容 等 ， 
其 目的 是 保证 确认 型 XML 分 析 器 来 确定 XML 文档 数据 的 合理 性 ,保证 XML 文档 结构 
良好 。 

DTD 可 以 在 XML 文件 中 直接 定义 ,也 可 以 保存 为 一 个 完全 独立 的 文件 (. dtd) 。 因 此 ， 
DTD 分 为 内 部 DTD( 在 XML 文件 中 直接 定义 DTD) 和 外 部 DTD( 在 XML 文件 中 调用 已 
经 编辑 好 的 DTD 文件 ) 两 种 。 例 如 ,对 于 一 家 企业 ,有 自己 的 供应 商 、 客 户 、 合 作 伙 伴 , 他 们 
相互 之 间 的 交换 电子 文档 都 是 用 XML 文档 ,那么 我 们 可 以 将 这 些 XML 文档 的 DTD 保存 
为 一 个 独立 的 DTD 文件 ,让 所 有 要 交换 的 XML 文档 都 使 用 此 DTD。 
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1. Æ DTD 中 声明 XML 元 素 


一 个 内 部 DTD 声明 必须 写 在 XML 序言 和 XML 根 元 素 之 间 ,一 般 形 式 为 : 


< | DOCTYPE rootElementName[ 
<! ELEMENT element - name (element - definition) > 


J> 

其 中 ,二 ! DOCTYPE 表示 开始 设 定 DTD。rootElementName 指定 此 DTD 的 根 元 素 
的 名 称 ,一 个 XML 文件 只 能 有 一 个 根 元 素 。 

<| ELEMENT element-name( element-definition) 过 为 元 素 定 义 语句 ,其 中 ,二 ! ELEMENT 
是 XML 的 保留 字 , 表 示 开 始 元 素 定 义 。element-name 是 为 元 素 所 起 的 名 称 ,element- 
definition 是 对 元 素 的 定义 ,就 是 说 志 元 素 二 … 一 /元 素 二 之 间 能 够 包含 什么 内 容 。 元 素 的 
内 容 可 以 是 一 般 性 文字 ,也 可 以 是 其 他 元 素 。 

element-definition 可 以 是 : 

EMPTY | # PCDATA | 元 素 | ANY 
EMPTY: 没有 内 容 的 元 素 。 在 XML 文件 中 , 空 元 素 不 需要 结束 标记 ,但 必须 采用 
二 / 空 元 素 名 这 样 的 写法 。 
# PCDATA: 声明 一 个 基本 元 素 .元素 值 为 可 解析 字符 数据 。 例 如 ,二 ! ELEMENT 
名 称 (#PCDATA) 二 则 定义 一 个 元 素 “ 名 称 ”, 它 由 #PCDATA 关键 字 定义 ,表明 此 
元 素 仅仅 包含 一 般 文 字 , 是 基本 元 素 。 在 文档 内 容 中 ,可 书写 下 面 的 XML 内 容 ， 
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元 素 : 声明 一 个 容器 元 素 , 即 元 素 还 可 以 包含 另外 的 元 素 , 形 成 一 种 嵌 套 和 层次 
结构 。 

。 ANY: 表明 所 有 可 能 的 元 素 以 及 可 解析 的 数据 。 

如 果 在 一 个 元 素 定义 中 又 包含 其 他 元 素 ,这 样 的 元 素 为 容器 元 素 。 声 明 容 器 元 素 的 基 
本 语法 为 : 


< | ELEMENT containerElement(containedElementl, ++, containedElement, ) > 


其 中 ,containerElement 为 容器 元 素 名 称 ,containedElement ~containedElement, 为 被 
包含 的 元 素 。 被 包含 元 素 可 以 取 下 列 三 种 格式 之 一 : 

* element ,要 求 该 元 素 有 且 只 有 一 个 值 。 

。 element 十 ,要求 该 元 素 有 一 个 或 多 个 值 。 

* element * ,要 求 该 元 素 有 零 个 或 多 个 值 。 

例如 ,二 !ELEMENT 书籍 (名 称 , 作 者 ,价格 ) 二 表示 定义 了 一 个 容器 元 素 ( 即 标记 )“ 书 
籍 ”, 包 含 三 个 子 元 素 ,分 别 是 名称”“ 作 者 ”和 “价格 ”。 

在 一 些 容器 元 素 的 声明 中 ,有 可 能 它 包 含 的 子 元 素 是 在 多 个 子 元 素 中 的 一 个 ,那么 在 声明 此 
父 元 素 时 ,就 可 以 把 它 声明 成 选择 性 元 素 , 可 供 选 择 的 子 元 素 用 “1” 分隔。 例如 : <! ELEMENT 
BS GET EX. 
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2 在 DTD 中 声明 元 素 属性 

和 HTML 标记 一 样 ,XML 元 素 往往 也 包含 不 同 的 属性 。 在 XML 中 ,元 素 属性 设置 的 
一 般 形式 是 : 

< | ATTLIST element - name attribute - name Type Default - value> 


其 中 ,二 ! ATTLIST 表示 开始 属性 的 设 定 ; elenent-name 表示 元 素 名 ; attribute-name 
是 元 素 属 性 名 称 ; Type 是 该 属性 属性 值 的 类 别 ,元 素 属性 值 类 型 见 表 3-4。 


表 3-4 XML 中 元 素 属性 类 型 列表 


属性 类 型 描 述 
CDATA 属性 值 为 一 般 文字 
ENUMERATED 枚 举 该 属性 的 取 值 范围 ,一 次 只 能 有 一 个 属性 值 能 够 赋予 属性 
NMTOKEN 表示 属性 值 只 能 由 字母 ,数字 、 下 划 线 等 符号 组 成 
NMTOKENS 表示 属性 值 能 够 由 多 个 nmtoken 组 成 ,每 个 nmtoken 之 间 用 空格 隔 开 
ID 该 属性 在 XML 文件 中 是 唯一 的 ,常用 来 表示 人 的 身份 证 号 码 
IDREF 表示 该 属性 值 是 参考 了 另 一 个 id 属性 
IDREFS 表示 该 属性 值 是 参考 了 多 个 id 属性 ,这 些 id 属性 的 值 用 空格 隔 开 
ENTITY 表示 该 属性 的 设 定 值 是 一 个 外 部 的 entity, 如 一 个 图 片 文件 
ENTITIES 该 属性 值 包含 了 多 个 外 部 entity, 不 同 的 entity 之 间 用 空格 隔 开 
NOTATION 属性 值 是 在 dtd 中 声明 过 的 notation( 声 明 用 什么 应 用 软件 解读 某 些 二 进 制 文 

件 ,如 图 片 文件 ) 


Default-value 是 指 该 属性 值 的 取 值 特点 ,有 四 种 不 同 的 属性 取 值 ,分 别 是 : 
。 # REQUIRED: 表示 在 标记 中 必须 给 定 属性 值 。 
。 £IMPLIED: 表示 该 属性 值 可 以 省 略 。 
*ORFIXED: 表示 一 个 固定 的 属性 值 。 
。 字符 串 : 指定 属性 的 默认 取 值 。 
下 面 是 一 组 XML 元 素 和 元 素 属性 声明 : 
< | ELEMENT FAMILY (PERSON + )> 
< | ELEMENT PERSON EMPTY> 
—ATTLIST PERSON 
myID ID £ REQUIRED 
name CDATA # REQUIRED 
sex (male| female) "male" 
nickname NMTOKENS # IMPLIED 
parentID IDREFS # IMPLIED 
> 
E XML H H 26 R “PERSON” £i HH T “myID”, “name”, “sex”, “nickname” fll 
“parentID” 五 个 属性 。 属 性 myID 属性 类 别 为 ID. 6H] myID 属性 的 取 值 在 此 XML 文件 中 
是 唯一 的 ,否则 将 出 现 解析 错误 。 此 属性 设 定 中 的 属性 取 值 要 求 为 # REQUIRED, 表示 
“myID” 属 性 在 元 素 %*PERSON” 中 必须 出 现 , 否 则 也 会 产生 解析 错误 。 
属性 name 为 CDATA 属性 类 别 , 表 明 取 值 为 一 般 性 文字 。 属 性 sex 的 属性 值 类 别 是 
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枚 举 类 型 , 取 值 范围 为 “male” 或 者 “female”, 如 果 在 XML 文件 中 没有 为 此 属性 赋值 ,属性 默 
认 取 值 是 一 个 字符 串 “male”。 

属性 nickname 属性 类 型 为 NMTOKENS, 规 定 了 其 取 值 的 字符 集 ,此 属性 可 以 省 略 。 
属性 parentID 的 类 型 为 IDREFS, 表 明 该 属性 的 值 必须 在 文档 中 出 现 过 ,该 属性 可 以 省 略 。 
如 果 该 属性 的 值 没 在 文档 中 出 现 过 ,解析 器 将 认为 该 文档 为 不 规范 文档 。 

根据 上 面 的 元 素 属性 说 明 ,我 们 看 下 面 的 XML 文档 数据 。 

<FAMILY> 

—PERSON myID = "P 1" name = "Brion" nickname = "sun(à # $ "> 

«PERSON myID = "P_2" name = "Jane" sex - "female"> 

«PERSON myID = "P 3" name = "Linda" sex- "female"> 

PERSON myID = "P 4" parentID="P_1 P_5" name= "David"> 

< /FAMILY— 

上 述 文档 数据 是 不 正确 的 ,因为 在 第 一 个 元 素 *PERSON” nickname 属性 值 中 包含 了 
NMTOKENS 所 不 允许 的 字符 “@## $$”。 此 外 ,parentID 属性 值 中 出 现 了 值 *P_5”, 但 该 值 
没有 在 文档 中 出 现 过 。 


3. 定义 实体 


在 XML 的 DTD 中 ,还 可 以 定义 实体 (Entity)。 实 体 实际 上 起 一 种 类 似 “ 宏 ”的 作用 ,一 
些 常 用 的 或 者 不 便于 直接 书写 的 文字 或 数据 ,可 以 用 一 个 标识 定义 下 来 ,在 数据 中 可 以 直接 
引用 ,这 就 是 实体 。 实 体 的 引用 通过 “&.” 来 引用 ,末尾 加 *; ”。 

在 XML 中 ,有 5 种 预定 义 实体 ,分 别 是 : 字符 “&”(&amp; D), “<” (Blt 0,7" 
(Bgt; )“""(&quot; J) 和 *'”(&.apos; )。 除 了 这 些 预定 义 实体 ,还 允许 用 户 自己 定义 实 
体 ,例如 ,如 果 在 XML 文档 中 需要 频繁 使 用 词组 "Good Luck”, 可 以 在 DTD 中 这 样 表 示 : 
<! ENTITY gl "Good Luck" 之 。 这 样 当 使 用 这 个 词组 *“Good Luck” H, ARRA &gl; ， 
从 而 可 以 避免 拼 错 和 重复 敲 入 相同 的 信息 ,这 里 ,gl 就 是 实体 。 

在 XML 中 ,实体 可 以 分 为 内 部 实体 、 外 部 实体 和 参数 实体 三 种 类 型 。 内 部 实体 的 一 般 
形式 为 : 


-C|!ENTITY entityName "will be replaced string"> 


如 果 被 蔡 换 的 文本 很 长 ,可 能 要 把 被 蔡 换 的 信息 存储 在 一 个 文件 中 。 可 以 通过 外 部 实 
体 参 考 来 实现 , 即 在 实体 名 和 文件 的 URL 中 使 用 关键 字 SYSTEM ,构成 外 部 实体 ,一 般 形 
RH: 


<| ENTITY entityName SYSTEM "URL"> 


除 此 之 外 ,在 XML 中 ,还 提供 了 参数 实体 , 它 在 实体 定义 中 通过 在 实体 名 前 插入 百 分 
号 (%) 实 现 , 百 分 号 表示 该 实体 为 参数 实体 。 一 旦 被 定义 ,参数 定义 可 以 通过 用 百 分 号 和 分 
号 包围 参数 名 来 实现 。 例如: 二! ENTITY % role"(boss | manager | employee)". 


4 字符 数据 段 
通过 预定 义 XML 实体 可 以 在 XML 文档 中 加 入 特殊 符号 ,如 果 需 要 大 量 的 特殊 符号 ， 
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可 以 使 用 字符 数据 段 , 称 为 CDATA 段 。CDATA 段 可 以 使 用 户 在 一 个 XML 文档 中 引用 
大 量 的 特殊 符号 文本 块 ,而 不 需要 分 别 以 实体 的 形式 来 代表 每 一 个 特殊 字符 。 一 般 形 式 为 : 
<! [CDATA[ text]]7 


其 中 ,text 是 包含 特殊 字符 的 文本 串 ,该 文本 不 被 XML 分 析 器 检查 。XML 处 理 器 负 
责 分 析 或 者 以 一 种 有 意义 的 方式 使 用 该 文本 块 。 其 中 的 左右 方 括号 [ ] 不 能 省 略 。 


5. 声明 并 保存 外 部 DTD 文 件 


如 果 和 希望 将 DTD 声明 应 用 到 其 他 XML 文件 中 ,应 该 将 DTD 文本 保存 为 一 个 独立 的 
. dtd 文件 ,这 样 一 个 DTD 就 可 以 被 多 个 文档 引用 ,保证 版 本 的 一 致 。 对 于 . dtd 文件 ,除了 
没有 内 部 DTD 中 的 二 ! DOCTYPE rootElement[..] 二 语句 外 ,其 他 和 一 个 XML 文件 相 
同 。 而 且 有 关 元 素数 目 、 排 列 顺序 、 空 元 素 设 定 、 选 择 性 元 素 、 属 性 设 定 、Entity 声明 等 都 和 
内 部 DTD 相同 。 

当 创 建 了 DTD 文件 后 ,在 一 个 XML 文档 中 ,可 以 引用 外 部 DTD 中 声明 的 元 素 。 要 应 
用 一 个 外 部 DTD 文件 ,需要 在 XML 文档 的 序言 中 ,在 XML 文档 内 部 DTD 定义 和 文档 内 
容 之 前 ,添加 下 列 外 部 DTD 文件 声明 语句 : 


— | DOCTYPE rootElementName SYSTEM "dtdFile "> 


其 中 ,rootElementName 为 应 用 DTD 文件 的 XML 文档 根 元 素 ,dtdFile 为 要 引用 的 外 
部 DTD 文件 名 (. dtd), 

【 例 3-9】 文档 类 型 定义 DTD 举例 。 

下 面 是 描述 一 篇 学 术 论 文 的 XML 文档 ,定义 了 一 个 paper 元 素 及 相关 属性 。 代 码 如 下 : 


<?xml version = "1.0" encoding = "gb2312" ? > 
< | DOCTYPE paper[ 
< | ELEMENT paper (TITLE, AUTHOR + , ABSTRACT?, SUMMARY * )> 
一 !aTTLIST paper 
paperID CDATA # REQUIRED 
paperStatus (reviewing|accepted) "accepted" 
=> 
< | ELEMENT TITLE ( # PCDATA) > 
< | ELEMENT AUTHOR ( # PCDATA) > 
< | ELEMENT ABSTRACT ( # PCDATA) > 
< | ELEMENT SUMMARY ( # PCDATA) > 
< | ENTITY KP "knowledge points"> 
J> 


< paper paperID = "p177"> 

<TITLEœ The Research on a Kind of Knowledge Network for Self - learning< /TITLE> 

AUTHOR> XW Hao — /AUTHOR— 

<ABSTRACT> The self - learning is completely student - centered… 一 /ABSTRACT 一 
SUMMARY> The idea of self - learning is based on knowledge network mainly relies on manual 
construction of &KP; + 

<< /SUMMARY> 

</paper> 
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上 述 代码 产生 一 个 严格 的 paper 结构 , 根 元 素 paper 声明 为 一 个 容器 元 素 , 包 含 一 个 
TITLE 元 素 、 至 少 一 个 AUTHOR 元 素 、 一 个 可 选 的 ABSTRACT 元 素 、 零 个 或 多 个 
SUMMARY 元 素 。 在 声明 了 paper 元 素 后 , 紧 接 着 声明 paper 元 素 的 属性 ,为 了 便于 阅读 ， 
属性 的 声明 往往 直接 跟 在 元 素 声 明 的 后 面 ,虽然 这 不 是 必需 的 。 

接 下 来 是 声明 了 一 组 基本 元 素 , 即 TITLE, AUTHOR, ABSTRACT 和 SUMMARY 
元 素 。 最 后 定义 了 一 个 实体 KP. 

在 下 浏览 器 中 打开 上 述 文档 ,显示 如 图 3-9 所 示 。 


FEAH -WebdtR S T6 Bi (E 2h& JV PI Wmypaper.xml 
文件 (E) ”编辑 (E) FEV KEA IAV WR) 
O=- O- haü kra 6 3-3 


地 址 (D) (E) fleVIE:| 数 村 -Web 技术 导论 3 稿 (第 2 版)/ 举 例 /mypaper xml 前 E 


<?xml versionz"1.0" encoding-"gb2312" ?> 
<!DOCTYPE paper (View Source for full doctype...)» 
Bi «paper paperID-"p177" paperStatus-"accepted'» 
«TITLE» The Research on a Kind of Knowledge Network for 
Self-learningc/TITLE» 
«AUTHOR»XW Haoc/AUTHOR» 
«ABSTRACT»The self-learning is completely student- 
centered...c/A4BSTRACT» 
<SUMMARY>The idea of self-learning is based on knowledge 
network mainly relies on manual construction of 
knowledge points ...c/SUMMARY» 
«/paper» 


图 3-9 包含 DTD 的 XML 文档 


DTD 的 语法 相当 复杂 ,并 且 和 XML 文档 内 容 的 标记 写法 不 同 , 自 成 一 个 体系 ,此 外 ， 
DTD 对 元 素 类 型 定义 不 够 细致 ,这 些 不 足 导致 了 XML 架构 的 产生 。 但 是 ,由 于 现在 很 多 
的 XML 应 用 是 建立 在 DTD 之 上 的 ,能 读 履 DTD 文件 以 及 在 必要 时 创建 简单 的 DTD 文件 
仍然 是 很 重要 的 。 


334 XML 架构 及 其 应 用 


在 XML 1. 0 规范 中 ,虽然 DTD 实现 了 XML 文档 中 元 素 ( 标 记 ) 及 其 类 型 的 定义 ,对 于 
XML 文档 的 结构 化 起 到 了 很 好 的 描述 作用 ,但 是 ,DTD 支持 的 数据 类 型 非常 有 限 ,扩展 性 
较 差 , 没 有 一 种 机 制 保证 数据 的 应 用 方 和 数据 的 服务 方 对 数据 解释 的 一 致 。 为 此 ,W3C 于 
2001 年 5 月 正式 发 布 了 XML Schema 的 推荐 标准 ,提出 了 XML 架构 (Schema) 的 概念 , 通 
过 XML Schema 给 XML 数据 标注 数据 类 型 ,从 而 使 得 数据 的 应 用 方 可 以 通过 XML 
Schema 规范 对 所 交换 的 XML 数据 中 的 信息 进行 正确 的 解释 ,并 实现 自动 处 理 。 利 用 
XML Schema 规范 , Web 服务 方 和 应 用 方 无 须 事先 协调 所 要 交换 的 数据 类 型 ,从 而 解决 了 
XML 文档 数据 的 结构 和 类 型 一 致 性 解析 问题 ,使 XML 文档 结构 更 加 良好 。 
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1. XML Schema 的 优势 


在 XML 中 ,DTD 和 Schma 都 是 XML 文档 数据 的 约束 规则 ,和 DTD 相 比 ,Schema H. 
有 以 下 优点 : (1)XML Schema 对 DTD 进行 了 扩充 ,引入 了 数据 类 型 .命名 空间 ,从 而 使 其 
具备 较 强 的 可 扩展 性 。DTD 提供 的 数据 类 型 只 有 CDATA, Enumerated, NMTOKEN, 
NMTOKENS 等 十 种 内 置 (built-in) 数 据 类 型 。 这 样 少 的 数据 类 型 通常 无 法 满足 文档 的 可 
理解 性 和 数据 交换 的 需要 。XML Schema 则 不 同 , 它 提供 了 更 加 丰富 的 数据 类 型 ,如 long. 
int、short、double 等 常用 的 数据 类 型 。(2)XML Schema 利用 Namespace 将 文档 中 特殊 的 
结 点 与 Schema 说 明 相 联系 ,一 个 XML 文档 可 以 有 多 个 对 应 的 Schema, 而 一 个 XML 文档 
只 能 有 一 个 对 应 的 DTD。(3)XML Schema 文档 本 身 也 是 XML 文档 ,而 不 是 像 DTD 一 样 
使 用 特殊 格式 。 开 发 人 员 可 以 使 用 相同 的 工具 来 处 理 XML Schema 和 其 他 XML 信息 ,而 
不 必 专 门 为 Schema 使 用 特殊 工具 。 

经 过 数 年 的 大 规模 讨论 和 开发 ,如 今 XML Schema 已 经 成 为 全 球 公认 的 XML 环境 下 
首选 的 数据 建 模 工具 。 在 应 用 中 ,有 两 种 主要 的 XML Schema, 即 微软 的 XML Schema 和 
W3C 的 XML Schema, 其 中 , MS XML Schema 发 展 较 早 ,支持 的 软件 较 多 。 但 是 ,如 果 
XML 数据 具有 很 强 的 开放 性 ,如 面向 互联 网 应 用 ,要 考虑 到 对 XML 数据 的 约束 规则 今后 
可 以 被 外 部 应 用 所 兼容 ,应 尽量 选用 W3C 的 XML Schema 规范 。 


2. XML Schema 的 一 般 形 式 


XML Schema 本 身 就 是 一 个 XML 文件 ,不 同 的 是 ,Schema 文件 所 描述 的 是 引用 它 的 
XML 文件 中 的 元 素 和 属性 的 具体 类 型 , 即 是 对 于 XML 文档 中 元 素 的 定义 。 
如 果 使 用 微软 的 MS XML Schema, W] XML Schema 定义 (XSD) 的 一 般 形 式 为 : 
<?xml version = "1.0"? > 
Schema name = "schema - name" 
xmlns = "urn;schemas - microsoft - com;xml - data" 
xnlns:dt = "urn:schemas - microsoft - com;datatypes" 二 


(XML 元 素 定义 ) 
=/schema> 


定义 Schema 的 XML 文档 扩展 名 为 . xml, 文 档 的 根 元 素 一 定 为 二 Schema 二 (Schema 
的 首 字母 一 定 大 写 ) ,用 于 声明 该 XML 文档 是 一 个 Schema 文档 。 元 素 二 Schema 之 有 三 个 
属性 : name 属性 给 出 架构 的 名 称 ,可 省 略 ; xmlns 属性 给 出 了 一 个 微软 的 架构 资源 作为 一 
个 隐 式 名 称 空间 ,包含 了 一 组 预定 义 元 素 ,包括 Schema、element( 声 明 元 素 )、ElementType 
(声明 元 素数 据 类 型 )、AttributeType( 声 明 元 素 属性 数据 类 型 )、attribute、group、datatype、 
description 等 ,通过 这 些 元 素 , 定 义 用 户 的 XML 元 素 ; xmlns: dt 属性 包括 微软 的 一 个 数据 
输入 资源 ,作为 一 个 显 式 名 称 空间 ,从 而 可 以 引用 微软 内 置 的 数据 类 型 ,包括 string, 
integer 等 。 

ElementType 元 素 用 于 定义 XML Schema 文档 中 出 现 的 元 素 类 型 ,可 以 是 简单 元 素 ， 
也 可 以 是 复杂 元 素 。AttributeType 元 素 用 于 定义 在 Schema 文档 中 出 现 的 属性 类 型 。 
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group 元 素 用 于 将 XML 文档 中 的 元 素 分 组 。datatype 是 XML Schema 中 的 一 个 重要 元 
素 , 也 是 XML Schema 的 一 大 特色 , 它 用 于 为 ElementType 和 AttributeType 指定 数据 类 
型 description 的 主要 作用 是 为 ElementType 和 AttributeType 元 素 提 供 描述 信息 。 


3. 定义 元 素 

定义 元 素 就 是 定义 元 素 的 名 字 和 内 容 模型 。 在 XML Schema 中 ,元 素 的 内 容 模型 由 其 
类 型 定义 ,定义 一 个 元 素 , 即 声明 一 个 元 素 名 称 及 给 定 该 元 素 的 取 值 类 型 ,在 XML 文档 中 
实例 元 素 的 值 必须 符合 模式 中 定义 的 类 型 。 

在 XML Schema 中 ,定义 XML 元 素 的 一 般 形式 是 : 

<element name = 'elementname' type= 'datatype'/— 


其 中 ,element 为 微软 MS Schema 中 的 预定 义 元 素 . 用 于 声明 一 个 元 素 ,elementname 
为 要 定义 的 元 素 的 元 素 名 ,datatype 声明 该 元 素 取 值 的 数据 类 型 。 


4 元 素 类 型 


元 素 分 为 简单 类 型 元 素 和 复杂 类 型 元 素 两 种 。 简 单 类 型 元 素 的 值 不 能 包含 元 素 或 属 
性 ; 复杂 类 型 元 素 可 以 产生 在 其 他 元 素 中 赃 套 元 素 的 效果 ,或 者 为 元 素 增加 属性 。 无 论 是 
MS XML Schema 还 是 W3C 的 XML Schema 规范 , 均 包 含 一 组 预定 义 的 数据 类 型 , 除 此 之 
外 ,还 允许 用 户 自 定义 元 素数 据 类 型 。 

(1) 简单 类 型 

简单 类 型 元 素 是 不 含 属性 或 其 他 元 素 的 元 素 ,其 数据 类 型 是 XML Schema 规范 预定 义 
的 数据 类 型 或 用 户 自 定义 的 简单 数据 类 型 。XML Schema 规范 预定 义 简单 数据 类 型 见 
表 3-5。 

表 3-5 XML Schema 规范 预定 义 数据 类 型 


数据 类 型 说 有明 数据 类 型 说 上 明 
string 字符 串 型 ,如 : "hello" boolean 布尔 类 型 ,如 : true, false 
integer 整数 类 型 date 日 期 型 ,如 : 2000-02-16 
positive-integer 正 整 数 类 型 time 时 间 型 ,如 : 15:55:00. 000 
negative-integer 负 整 数 类 型 binary 位 模式 
non-negativeinteger 。” 非 负 整数 类 型 ,包括 0 uri-reference 标准 URL 
int 整数 类 型 QName (Prefix ':')? 
unsigned-int 无 符号 整数 NCName (letter | '_') 
short 短 整数 ID 兼容 XML 1.0 DTD 
unsigned-short 无 符号 短 整数 IDREF 兼容 XML 1.0 DTD 
byte 字 节 类 型 IDREFS 兼容 XML 1.0 DTD 
unsigned-byte 无 符号 字 节 类 型 NOTATION 兼容 XML 1.0 DTD 
long 长 整数 ENTITY 兼容 XML 1.0 DTD 
unsigned-long 无 符号 长 整数 ENTITIES 兼容 XML 1.0 DTD 
float 单 精 度 浮 点 数 NMTOKEN 兼容 XML 1.0 DTD 
double 双 精 度 64 位 浮 点 数 NMTOKENS 兼容 XML 1.0 DTD 
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除了 XMLSchema 预定 义 的 简单 类 型 外 ,用 户 也 可 以 自 定义 简单 类 型 。 
例如 ,一 般 形 式 是 : 
一 ElementTYpe name = "ElementTypeNane" 
content = "empty | eltOnly | textOnly | mixed" 
dt;type- "dataType" 
model = "open | closed" 
order = "one | seq | many"/> 
其 中 ,ElementType 为 微软 MS Schema 中 的 预定 义 元 素 , 用 于 声明 一 个 元 素 类 型 ， 
ElementTypeName 为 要 定义 的 元 素 类 型 名 称 ,其 他 各 属性 说 明 如 下 : 
(D content, 用 来 描述 元 素 的 内 容 模型 。 取 值 可 以 是 : 
* empty, 元 素 内 容 为 空 ; 
。 textOnly, 元 素 只 包含 文本 内 容 ; 
。 eltOnly ,元 素 只 包含 子 元 素 内 容 ; 
* mixed ,元素 既 可 以 包含 文本 ,也 可 以 包含 子 元 素 。 
© dt:type: 指定 元 素 文本 的 数据 类 型 ,常用 的 几 种 数据 类 型 及 其 含义 见 表 3-5, 
G model; 元 素 的 内 容 是 否 遵守 Schema 中 的 定义 。 取 值 可 以 是 : 
* open, 元 素 内 容 中 可 以 添加 未 定义 过 的 元 素 .文本 等 ; 
* closed ,元 素 内 容 中 不 能 添加 定义 过 的 元 素 、 文 本 等 。 
(D order: 定义 子 元 素 的 排列 顺序 。 取 值 可 以 是 : 
* one, 规 定 元 素 内 容 按 多 种 方式 中 的 某 一 种 排列 ; 
。 seq, 规 定 元 素 内 容 按 指定 的 顺序 排序 ; 
* many, 按 任意 方式 排列 。 
通过 简单 元 素 类 型 ,可 以 声明 简单 元 素 , 例 如 : 
<element name = 'age' type= 'integer'/> 
<element name = 'price' type = 'decimal'/> 
分 别 声明 两 个 简单 元 素 二 age 二 和 二 price 二 ,数据 类 型 分 别 为 integer 和 decimal, 
(2) 复杂 类 型 
在 XML Schema 中 ,一 个 元 素 如 果 包 含 属 性 或 别 的 元 素 , 这 样 的 元 素 为 复杂 类 型 元 素 。 
复杂 类 型 元 素 又 称 为 容器 元 素 , 声 明 一 个 复杂 类 型 元 素 需 要 定义 复杂 类 型 。 在 XML 
Schema 中 ,复杂 类 型 的 定义 和 元 素 声明 形式 相同 。 定 义 一 个 复杂 类 型 的 一 般 形式 为 ， 
—ElementType name = "ElementTypeName" 
content = "empty | eltOnly | textOnly | mixed" 
dt; type = "dataType" 
model = "open | closed" 


order = "one | seq | many"> 
<attribute name = "AttributeName ," type = "AttributeTypeName , "> 


<attribute name = "AttributeName ," type = "AttributeTypeName ."> 
<element name = " containedElementName ," type= "TypeName, "> 


<element name = " containedElementName ," type = "TypeName, "> 
=/ElementType> 
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其 中 ,ElementType 为 微软 MS Schema 中 的 预定 义 元 素 , 用 于 声明 一 个 复杂 类 型 。 
ElementTypeName 为 要 定义 的 复杂 类 型 名 称 ,AttributeTypeName.。 为 该 复杂 类 型 包含 
的 属性 ,element 元 素 声明 复杂 类 型 包含 的 元 素 ,元 素 类 型 分 别 是 containedElementName..，。 

介绍 完了 XML Schema 中 声明 元 素 的 方法 后 ,下 面 我 们 通过 一 个 例子 来 比较 一 下 
DTD 和 XML Schema 的 不 同 。 假 定 有 一 个 简单 的 XML 文档 内 容 如 下 : 

e 

去 书 名 之 丁丁 历险 记过 / 书 名 之 


一 作者 之 Georges Remi 一 /作者 二 
</B> 


如 果 用 DTD 的 形式 来 定义 该 XML 文档 结构 的 话 ,DTD 定义 如 下 : 


ME ELEMENT 书本 〈 书 名 ,人 作者) 二 
< | ELEMENT 书 名 ( #PCDATA)> 
< | ELEMENT 作者 ( # PCDATA)> 


如 果 用 XML Schema 形式 来 定义 XML 文档 结构 , 则 XML Schema 定义 如 下 : 


<element name = "书本 ”type = "书本 类 型 /二 
一 ElementTYpe name = "书本 类 型 "二 
<element name = " 书 名 " type = "string" /二 
<element name = "作者 " type= "string"/— 
— /elementType— 
其 中 ,元 素 志 书本 之 的 取 值 类 型 为 用 户 定义 的 一 个 复杂 数据 类 型 ,因此 ,到 书本 二 元素 
为 复杂 类 型 元 素 。 


5. 定 义 属 性 类 型 


用 户 可 以 用 属性 来 描述 XML Schema 元 素 , 在 声明 属性 以 前 ,还 需要 声明 一 个 属性 类 
型 。 声 明 属性 类 型 的 语法 为 : 
<AttributeType name = "attrtypename" 
dt:type= "prinitive- type" 
dt:values = "enumerated - values" 
default = "default - value" 
required = "(yes| no] "— 
其 中 ,attrtypename 为 属性 类 型 名 ,用 于 内 部 引用 。primitive-type 是 指 属性 的 数据 类 
型 ,包括 : ENTITY、ENTITIES、ENUMERATION( 枚 举 类 型 )、ID( 唯 一 标识 符 )、IDREF 
(标识 符 引 用 ) IDREFS( 标 识 符 引 用 集合 ) NMTOKEN( 名 称 记 号 ) NMTOKENS( 名 称 记 
号 集合 ) NOTATION, STRING (字符 ) 等 。enmuerated-value 是 指 当 属性 设 为 枚 举 类 型 
时 ,代表 枚 举 值 。default-value 是 属性 的 默认 值 。required 这 个 属性 标志 在 运行 状态 下 是 
否 必须 存在 。 


6. 定义 属性 
有 了 属性 类 型 ,就 可 以 在 元 素 中 声明 属性 了 ,一 般 形 式 是 : 


- Web 技 术 导论 (第 2 版 ) 


<attribute name = "attrname" type = "attrtypename" > 


其 中 ,attribute 为 Schema 默认 元 素 , 用 于 声明 一 个 元 素 , 有 元 素 名 和 元 素 类 型 两 个 属 
性 。 举 例 说 明 如 下 : 
—AttributeType name = "location" type=" dt;string"/— 
—ElenmentType name = "communication" content = "textOnly" model = "closed"> 
<attribute name = "nyaddress" type= "location"/> 
— /ElementType— 
上 述 代码 定义 了 一 种 元 素 类 型 “communication”, 该 类 型 不 包含 其 他 元 素 , 只 包含 一 个 
location 属性 ,该 属性 的 取 值 为 字符 串 类 型 ,为 复杂 元 素 类 型 。 
[9513-10] 一 个 XML Schema 文档 (文档 名 : film. xml) 示 例 。 
<?xml version= "1.0" encoding = "gb2312" ?> 
一 Schema xmlns = "urn; schemas - microsoft - com:xml - data" 
xnlns;dt = "urn;schemas - microsoft - com;datatypes" 二 
—ElenentType name = "电影 " content = "eltOnly" model = "closed" order = "seq"— 
<element name = "电影 名 称 " type= "dt:string" /二 
<element name = "导演 "type= "dt;string"/— 
<element name = "主演 ”type = "dt:string"/— 
<element name = " 制 片 公司 " type= "dt:string"/— 
<attribute name = "上 了 映 日 期 "type = "dt:date"/— 
— /ElementType-— 
二 /Schema 一 
在 上 面 的 例子 中 ,定义 了 复杂 元 素 类 型 电影 ”, 用 户 还 可 以 定义 “近期 新 片 ”元 素 类 型 ， 
该 元 素 类 型 可 能 包含 多 部 电影 ,对 近期 影片 元 素 类 型 的 建 模 请 参考 XML 架构 的 定义 。 
XML Schema 本 身 是 一 个 XML 文档 ,同样 可 以 在 浏览 器 打开 ,但 XML Schema 的 真正 目的 
是 系统 建 模 ,以 及 验证 XML 实例 文档 的 数据 合法 性 ,参见 后 面 的 介绍 。 


7. 使 用 注释 
在 XML 中 ,注释 语句 的 一 般 形 式 是 : 


8. 名 称 空间 


在 XML 中 ,用 户 通过 DTD 或 者 Schema 自己 定义 标记 和 命名 元 素 , 这 些 用 户 自 定义 的 
元 素 将 在 别 的 XML 文档 中 被 引用 。 一 个 XML 文档 可 以 引用 多 个 Schema 中 定义 的 元 素 ， 
不 同 的 Schema 中 定义 的 元 素 可 能 重 名 ,名 称 空间 (Namespaces) 就 是 为 此 而 设计 的 。 

为 了 避免 元 素 重 名 ,可 以 将 一 个 Schema 定义 为 一 个 名 称 空间 。 名 称 空间 的 名 字 命 名 
必须 符合 URL 语法 。 定 义 名 称 空间 的 唯一 目的 是 唯一 地 标识 一 个 元 素 或 一 组 元 素 的 属 
性 ,在 一 个 XML 文档 中 引用 名 称 空间 ,需要 在 XML 文档 的 根 元 素 中 增加 xmlns 声明 ,一 般 
形式 是 : 
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xmlns = "globalUniqueURI" 
或 者 
xmlns; namespace = "globalUniqueURI" 


第 一 种 形式 的 xmlns 声明 没有 名 字 , 用 于 定义 该 XML 文档 的 默认 名 称 空 间 ; 第 二 种 
xmlns 声明 给 定 要 引用 的 名 称 空间 一 个 名 字 ,引用 该 名 称 空间 的 元 素 和 属性 ,需要 在 前 面 增 
加 名 称 空间 的 前 缀 “namespace: ”。 

例如 : 


—pr; payment xmlns:pr = "http://www. microsoft. com/payroll"-— 
«pr; employee Jane- /pr:employee> 

<pr:salary>6000. 00</pr:salary> 

</pr:payment> 


有 了 和 名称 空间 ,用 户 就 可 以 保证 在 文件 中 使 用 的 名 称 是 唯一 的 。 对 元 素 的 属性 xmlns 
进行 定义 就 表示 对 该 元 素 指定 了 一 个 名 称 空 间 。 


9. 将 架构 添加 到 XML 文档 


用 户 可 以 在 一 个 XML 文档 的 内 部 应 用 一 个 架构 ,以 便于 在 运行 状态 下 ,XML 验证 分 
析 器 将 架构 规则 应 用 于 XML 实例 文档 ,从 而 验证 该 文档 数据 的 合法 性 。 语 法 为 : 


rootelement xmlns = "x- schema:URI"> 


其 中 ,rootelement 为 用 户 希 望 应 用 架构 的 XML 文档 的 根 元 素 。 前 级 x-schema XJ T fk 
软 的 MSXML 处 理 器 是 必需 的 。URI 为 统一 资源 标识 符 , 是 要 附加 的 架构 的 名 称 。 

默认 的 xml 名 称 空间 为 xmlns 王 "x-schema: URI", 它 告诉 解析 器 应 该 根据 URI 上 的 
schema(x-schema) 来 解析 整个 文档 。 

【 例 3-11】 将 例 3-10 中 的 XML 架构 文档 (文档 名 film. xml) 应 用 到 一 个 XML 实例 文 
档 中 (文档 名 newfilms. xml). 


<?xml version = "1.0" encoding = "gb2312" ?> 
二 近期 新 片 xmlns = "x- schema; film.xml"— 
二 电影 上 映 日 期 = "12 - 20- 1985"> 
去 电影 名 称 > 警 察 故事 二 /电影 名 称 二 
二 导演 二 成 龙 一 /导演 二 
二 主演 二 成 龙 ,张曼玉 一 /主演 
去 制 片 公司 二 威 禾 电影 有 限 公司 一 / 制 片 公司 二 
二/ 电影 > 
二 电影 LEBRHE)I-"12-11-1992"— 
去 电影 名 称 过 大 红 灯 笼 高 高 挂 一 /电影 名 称 二 
二 导演 二 张艺谋 二 /导演 二 
二 主演 二 巩俐 二 /主演 二 
去 制 片 公司 二 西安 电影 制 片 三/ 制 片 公司 二 
去 /电影 之 
HEB 


TE IE 6 中 ,newfilm. xml 文档 显示 如 图 3-10 所 示 。 
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A E:\ 教 村 一 web 技术 导论 书稿 (第 2 版 )\ 举 例 \newfielas-xal 
文件 下) SEO FEV KAY IAW HHW 


Gr- O 着 国信 Ps kaS: 


E)r: 教材 --Web 技 术 导论 书稿 2M) EP new£i elns. xal 


«xml versionz"1.0" encoding="gb2312" ?> 
- < 近期 新 片 «minsz"x-schema: film.xml"> 
- < 电影 上 映 日 期 ="12-20-1985"> 
< 电影 名 称 > 警察 故事 </ 电 影 名 称 > 
< 导演 > 成 龙 </ 导 演 > 
< 主演 > 成 龙 , 张曼玉 </ 主 演 > 
< 制 片 公司 > 威 禾 电影 有 限 公司 </ 制 片 公司 > 
</ 电 影 > 
-<E 上 映 日 期 ="12-11-1992"> 
< 电影 名 称 > 大 红 灯 舌 高 高 挂 </ 电 影 名 称 > 
< 导演 > 张艺谋 </ 导 演 > 
< 主演 > 巩俐 </ 主 演 > 
< 制 片 公司 > 西安 电影 制 片 厂 </ 制 片 公司 > 
</ 电 影 > 
</ 近 期 新 片 > 


图 3-10 XML Schema 文档 显示 结果 


需要 说 明 的 是 ,浏览 器 只 检查 XML 文档 的 格式 是 否 正确 ,不 检查 XML 实例 文档 的 有 
效 性 。 要 检查 上 述 XML 文档 是 否 有 效 , 即 是 否 符合 引用 的 XML 架构 中 定义 的 元 素 及 其 类 
型 ,可 使 用 XMLSpy, 详 细 介绍 参见 3.4 节 。 


335 可 扩展 样式 语言 XSL 
可 扩展 样式 语言 XSL(eXtensible Style Language) 是 W3C 制定 的 用 于 描述 XML 文档 


样式 的 语言 。XSL 语言 规范 包括 扩展 样式 表 转 换 语言 XSLT(XSL Transformations) 和 扩 
展 样式 表 语 言 格式 化 对 象 XSL-FOCXSL. Formatting Objects) 两 大 部 分 。 


1. XSL 的 产生 


在 Internet 中 ,XML 已 经 成 为 不 同 应 用 之 间 的 数据 交换 标准 ,从 根本 上 解决 了 应 用 系 
统 间 的 信息 交换 ,保证 了 数据 的 平台 无 闫 性。 为 了 使 数据 适合 不 同 的 应 用 程序 ,我 们 必须 能 
够 将 一 种 数据 格式 转换 为 男 一 种 数据 格式 ,比如 ,需要 的 格式 可 能 是 一 个 文本 文件 ,一 个 
SQL 语句 ,一 个 HTTP 信息 一定 顺序 的 数据 调用 等 。 

此 外 ,对 于 XML 文档 数据 ,我们 可 能 还 需要 将 XML 数据 以 不 同 的 方式 进行 显示 。 在 
XML 技术 中 ,我 们 可 以 和 HTML 一 样 ,定义 样式 表 . ess 文件 ,在 XML 文档 的 序言 中 增加 
声明 显示 该 XML 文档 要 使 用 的 样式 表 ,语句 一 般 形 式 为 : <? xml-stylesheet type 一 "text/ 
css" href 一 "mycssfile. css"? 二 ,然后 通过 在 XML 元 素 中 使 用 class 属性 和 ID 属性 来 定制 
元 素 的 显示 。 但 是 ,必须 要 记 住 的 是 : XML 技术 的 核心 是 将 数据 和 数据 的 显示 分 离 ,任何 
在 XML 文档 内 容 中 包含 显示 信息 的 XML 文档 都 认为 是 含有 bug fj. XML 技术 的 基本 规 
则 是 ,XML 文档 存储 数据 本 身 , 对 数据 的 显示 则 通过 XML 数据 的 应 用 程序 来 完成 。 
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基于 上 述 两 个 方面 的 原因 ,W3C 颁布 了 可 扩展 样式 语言 XSL 规范 ,用 于 XML 文档 的 
转换 和 显示 。XSL 在 转换 XML 文档 时 分 为 两 个 过 程 : 首先 转换 文档 结构 ,然后 将 文档 格 
式 化 输出 。 这 两 步 可 以 分 离开 来 并 单独 处 理 , 因 此 KSL 在 发 展 过 程 中 逐渐 分 为 XSLT( 结 
构 转 换 ) 和 XSL-FO( 格 式 化 输出 ) 两 种 分 支 语言 。XSLT 用 来 实现 XML 文档 结构 的 转换 ， 
其 中 ,将 XML 文档 转换 为 HTML 文档 是 目前 XSLT 最 主要 的 功能 。XSL-FO 的 作用 则 类 
似 于 CSS 在 HTML 中 的 作用 。 


2. XSLT 样式 文档 基本 结构 


XSL 样式 文档 用 于 处 理 XML 文档 内 容 的 格式 化 显示 ,可 以 说 XML 十 XSL 就 可 以 达到 
HTML 的 显示 效果 ,但 XSL 对 数据 的 显示 更 灵活 ,对 于 同一 个 XML 文档 ,可 以 编写 不 同 的 
XSL, 来 得 到 不 同 的 显示 。 

XSL 样式 文档 基本 结构 如 下 : 

CD 以 下 面 的 指令 为 文档 开头 (其 中 还 可 以 包含 其 他 属性 ) 


<?xml version- "1.0"? — 


(2) 通过 XSLT 26 XE" xsl: stylesheet” FA XSL 文档 的 所 有 内 容 ,语法 为 : 

—xsli:stylesheet xmlns:xsl = "http://www. w3. org/ TR/WD-xs1l" — 

其 中 ,xmlns: xsl 指明 了 本 XSL 所 采用 的 标准 ,在 接 下 来 的 文档 中 ,通过 “xsl:“ 前 级 映 
射 到 XSLT 名 称 空 间 , 使 用 XSLT 规范 预定 义 的 XSLT 元 素 。 

(3) 通过 一 系列 模板 定义 来 描述 XML 文档 的 显示 格式 。 在 模板 中 包含 了 大 量 的 
HTML 标记 ,通过 xsl: for-each, xsl: if, xsl; choose 等 XSLT 元 素 进行 数据 的 循环 处 理 .条 
件 处 理 、 选 择 处 理 等 工作 ,定位 XML 文档 中 的 内 容 。 

(4) 通过 调用 相应 的 模板 ,完成 XML 文档 内 容 的 输出 。 

XSL 样式 文档 文件 扩展 名 为 . xsl, 要 使 用 xsl 显示 一 个 XML 文档 ,在 XML 文档 声明 
的 后 面 需要 增加 一 个 声明 语句 ,声明 用 于 显示 该 XML 文档 的 xsl 程序 ,一 般 形 式 如 下 : 

<?xml-stylesheet type = "text/xsl" href = "xslfile.xsl"? > 

其 中 ,xslfile. xsl 是 用 于 该 XML 文档 输出 的 XSLT 文件 。 

3. XSLT 元 素 


在 XSLT 规范 中 ,定义 了 大 量 的 XSLT 元 素 和 XSLT 函数 ,用 于 对 XML 文档 的 转化 ， 
下 面 我 们 对 其 中 常用 的 一 些 元 素 进行 简要 介绍 。 

(OD. —xsl: stylesheet >J 

指定 XSLT 文件 的 文档 元 素 ,该 文件 中 包含 所 有 其 他 XSLT 元 素 。 一 般 形式 是 : 


<xsl:stylesheet id= "id" extension- element - prefixes = "NCNames" > 


</xsl:stylesheet> 


其 中 的 属性 意义 如 下 : 
。id: BECA XSLT 文件 标识 符 。 
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e extension-element-prefixes; 要 作为 扩展 命名 空间 使 用 的 命名 空间 。 
(2) 一 xsl: template> Jt 


定义 一 个 可 再 次 使 用 的 模板 ,用 于 为 特定 类 型 和 上 下 文 的 结 点 生成 所 需 的 输出 。 


XSLT 文件 就 是 由 一 个 一 个 的 模板 组 成 的 ,任何 一 个 XSLT 文件 至 少 包含 一 个 模板 。 模 板 
由 匹配 模式 (match pattern) 和 执行 两 部 分 组 成 ,模式 定义 XML 源 文档 中 哪 一 个 结 点 将 被 
模板 处 理 ,执行 则 定义 输出 的 是 什么 格式 。 


模板 定义 的 一 般 形 式 为 : 

<xsl:template name= "Qname" match = "Pattern" priority - "number" mode = "Qname" > 
</xsl;template> 

其 中 的 属性 意义 如 下 : 

* name: 模板 名 称 , 为 可 选 属性 。 如 果 使 用 二 xsl: call-template 志 元素 调用 模板 , 则 需 
要 指定 要 调用 的 模板 名 称 , 因 此 在 定义 模板 时 ,需要 定义 模板 的 名 称 。 如 果 使 用 
—xsl: apply-templates 二 元 素 调用 模板 , 则 不 需要 模板 名 称 。 

match: 确定 什么 样 的 情况 下 执行 此 模板 。 作 为 一 种 简化 的 说 明 , 在 此 处 通常 使 用 
元 素 的 名 字 ; 其 中 最 上 层 模板 必须 将 match 设 为 "/”。 在 一 个 XSL 文档 中 根 模板 是 
唯一 的 。match 属性 是 必 选 项 ,除非 二 xsl: template 二 元 素 有 name 属性 。 

—xsl: template» JH match 属性 从 XML 选取 满足 条 件 的 结 点 ,针对 这 些 特定 的 结 点 形 


成 一 个 特定 输出 形式 的 模板 。 在 一 个 XSLT 文档 中 ,一 般 要 设计 多 个 模板 ,在 各 个 模板 结 
构 中 ,描述 了 不 同 层次 的 元 素 的 数据 的 显示 格式 .数据 引 用 数据 处 理 等 内 容 。 


。 priority: 模板 的 优先 级 编号 ,此 属性 值 为 0 一 9 的 实数 。 

* mode; 模式 值 ,允许 多 次 处 理 某 个 元 素 ,每 次 产生 不 同 的 结果 。 如 果 志 xsl: template 
没有 match 属性 ,就 不 得 有 mode 属性 。 如 果 二 xsl: apply-templates 二 元 素 有 mode 
属性 , 则 只 应 用 于 mode 属性 值 相 同 的 二 xsl: template 二 元 素 中 的 模板 规则 ; 如 果 
—xsl: apply-templates 二 元 素 没 有 mode 属性 , 则 只 应 用 于 没有 mode 属性 的 二 xsl: 
template 二 元 素 中 的 模板 规则 。 

(3) —xsl: apply-templates 二 元 素 
指示 XSLT 处 理 器 根据 每 个 选 定 结 点 的 类 型 和 上 下 文 ,从 二 xsl: template 26 & 4E XC 


一 系列 模板 中 找到 适合 应 用 的 模板 ,一般 形式 为 : 


<xsl;apply - templates select = "expression" mode = "Qname" > 


其 中 的 属性 意义 如 下 : 

* select; 确定 应 调用 的 模板 , 即 选取 用 二 xsl: template 二 标记 建立 的 模板 。 可 以 用 于 
处 理 通 过 表达 式 选 择 的 结 点 ,而 不 是 处 理 所 有 子 级 。select 属性 的 值 是 表达 式 ,该 表 
达 式 必须 计算 为 结 点 集 。 除 非 指定 了 不 同 的 排序 顺序 ,否则 , 选 定 的 结 点 集 按 文档 
顺序 进行 处 理 。 

mode: 该 属性 允许 多 次 处 理 其 限定 名 指定 的 某 个 元 素 ,每 次 产生 不 同 的 结果 。 如 果 
—xsl: template 二 没有 match 属性 ,就 不 得 有 mode A tE. W< xsl: apply- 
templates 7C K fj mode 属性 ,将 只 应 用 于 mode 属性 值 相同 的 二 xsl: template 
元 素 中 的 模板 规则 。 如 果 二 xsl: apply-templates 过 元素 没有 mode 属性 ,将 只 应 用 
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于 没有 mode 属性 的 二 xsl: template 二 元 素 中 的 模板 规则 。 

—xsl: apply-templates-7 JLK JEH] select 属性 中 指定 的 表达 式 选择 一 组 结 点 。 如 果 
未 指定 此 属性 ,将 选择 当前 结 点 的 所 有 子 级 。 所 xsl: apply-templates> 指示 XSLT 处 理 器 
为 每 个 选 定 的 结 点 找到 适合 应 用 的 二 xsl: template 之 。 通 过 将 结 点 与 模板 的 match 属性 
中 指定 的 XPath 表达 式 进行 比较 ,测试 模板 是 否 适用 。 如 果 多 个 模板 满足 匹配 模式 ,将 
选择 其 中 优先 级 最 高 的 模板 。 如 果 多 个 模板 的 优先 级 相同 ,将 选择 样式 表 中 的 最 后 一 个 
模板 。 

应 用 模板 二 xsl: apply-templates 二 可 以 将 其 理解 为 程序 中 的 函数 调用 。 如 果 模 板 定义 
了 模板 名 ,也 可 以 通过 二 xsl: call-template 二 元素 调用 一 个 特定 名 称 的 模板 。 

(4) 二 xsl: include 26 X 

在 一 个 XSLT 文件 中 包含 另 一 个 XSLT 文件 。 一 般 形式 是 : 


—xs1, include href = "uri- reference" /> 


Href 属性 为 必 选 项 ,标识 要 包含 的 XSLT 文件 的 统一 资源 标识 符 CURI 引 用 。 

(5) 选择 模式 相关 元 素 

选择 模式 就 是 用 选择 的 方式 将 数据 从 XML 中 提取 出 来 ,这 是 一 种 在 XSL 中 应 用 广泛 
且 操 作 简 单 的 获得 数据 的 方法 。 选 择 模式 有 三 种 不 同 的 元 素 , 各 自 的 语法 格式 如 下 : 

(D —xsl: value-of7 35 4X 

从 XML 文档 中 提取 指定 结 点 的 数据 ,一 般 形 式 是 : 

一 xsl:value - of select = "Expression" > 


Select 属性 用 来 指定 提取 的 元 素 , 从 而 将 源 文档 中 元 素 的 文本 值 写 到 输出 文档 中 。 如 
果 表 达 式 返回 多 个 结 点 ,二 xsl: value-of> 元 素 将 返回 所 返回 的 第 一 个 结 点 的 文本 。 如 果 
返回 的 结 点 是 包含 子 结构 的 元 素 , 二 xsl: value-of- 返回 该 元 素 子 树 的 串联 文本 结 点 ,并 删 
除 标记 。 

(2 二 xsl: for-each 过 元 素 

循环 处 理 被 选择 的 元 素 结 点 ,一 般 形 式 是 : 

一 xsl:for - each select = "Expression" > 


其 中 ,select 属性 为 必 选 项 ,表达 式 在 当前 上 下 文中 计算 ,确定 要 循环 访问 的 结 点 集 。 

(3) —xsl: apply-templates— 76 3X 

调用 二 xsl: template 76 E XE Cf Bii . JH je 8 E WE — 4 £s js R ARAE, nT EL 
将 它 理 解 为 程序 中 调用 子 函 数 。 一 般 格 式 如 下 : 


— xsl:apply- templates select = "Expression" > 


select 属性 通常 为 结 点 集 , 用 来 定义 要 应 用 模式 的 结 点 名 称 。 
(6) 测试 模式 相关 元 素 

测试 模式 有 以 下 两 种 元 素 : 

(D <xsl: if 元 素 

测试 test 属性 给 定 的 条 件 ,一 般 形式 是 : 
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<xsl; if test =" boolean- expression "> 


当 条 件 的 值 为 True 时 执行 该 元 素 的 内 容 ,否则 不 执行 该 元 素 的 内 容 。 如 果 存 在 script 
属性 , 则 可 以 以 一 句 脚本 语言 表达 式 为 测试 条 件 。 默 认 使 用 的 脚本 语言 为 JScript。 

对 于 测试 条 件 ,情况 比较 复杂 ,常用 的 为 一 个 关系 表达 式 或 逮 辑 表达 式 , 其 书写 规则 如 
下 面 的 例子 所 示 : 

(a) 姓名 [= 二" 张 三 "]( 元 素 “ 姓 名 ”的 值 为 “ 张 三 ”); 

(b) RAL. $ ge $90]( 元 素 “ 成 绩 " 的 值 大 于 或 等 于 90); 

Cc) 成 绩 [. $ gt $90 or. $lt$60]( 元 素 "成 绩 ? 的 值 大 于 90 或 小 于 60); 

€ @ 性 别 [. =" 女 "]( 当 前 元 素 的 “性 别 ? 属 性 值 为 女 ” 时 为 真 ); 

XSLT 中 的 运算 符 较 多 ,包括 : 选择 运算 符 和 特殊 字符 、 人 逻辑 运算 符 、 关 系 运 算 符 以 及 

合 运 算 符 等 ,详细 信息 请 参考 XSLT 规范 。 

@ 二 xsl: choose 76 X 

和 xsl; when 元 素 一 起 ,用 于 多 个 条 件 的 测试 ,执行 满足 条 件 的 元 素 内 容 ,一 般 形式 是 : 

=xsl:choose> 

一 xsl:when test = "boolean-expression"> 
—xsl:othrwise-— 

将 按照 从 上 到 下 的 顺序 测试 二 xsl: choose 26 2E f] — xsl; when 二 子 级 ,直到 其 中 一 个 
元 素 上 的 test 属性 准确 地 说 明 源 数据 中 的 条 件 ,或 直到 遇 到 二 xsl: otherwise JCK. TEW 
TÉ f —xsl: when 或 二 xsl: otherwise 二 元 素 之 后 ,将 退出 二 xsl: choose Jt. id E] 
确 地 中 断 或 退出 语句 。 

(7) —xsl: element 25 X 

添加 一 个 HTML 元 素 , 一 般 形式 是 : 

—xsl,;element name = "element - name" namespace = "uri — reference" use- attribute - sets = QName 

— /xsl;element— 

各 属性 含义 如 下 : 

* name; 必 选 项 。 要 创建 的 元 素 的 名 称 。 

* namespace; 所 创建 元 素 的 命名 空间 URI WMF name 属性 包含 QName, 指 定 的 前 

组 将 绑 定 到 namespace 属性 所 指定 的 命名 空间 上 。 

e use-attribute-sets: 通过 空白 分 隔 的 属性 集 列 表 。 

(8) —xsl: attribute 76 2€ 

声明 一 个 元 素 属性 ,一 般 形式 是 : 

—xsliattribute name = "attribute - name" namespace = "uri - reference"> 

—/xsl;attribute— 

其 中 ,name 必 选 项 为 要 创建 的 属性 的 名 称 ,namespace 为 已 创建 属性 的 命名 空间 统一 
资源 标识 符 (URD 。 

[B 3-12】 模板 相关 元 素 举例 。 

有 一 XML 文档 mybooks. xml 代码 如 下 : 


=?xml version= "1.0"? — 
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<? xml - stylesheet type = "text/xsl" href = "xslinclude. xsl"? > 
«COLLECTION— 
«BOOK— 
<TITLE> The Adventures of Tom Sawyer </TITLE> 
AUTHOR> Twain,Mark 一 /AUTHOR 一 
一 /BOOK 一 
«BOOK— 
<TITLE> The Little Match- Seller </TITLE> 
AUTHOR> Andersen, Hans C. — / AUTHOR 
=/BOOK> 
/COLLECTION> 


XSLT 文件 xslinclude. xsl 代码 如 下 : 


<?xml version = '1.0'? > 
<xsl;stylesheet version - "1.0" 
xmlns:xsl = "http://www. w3. org/1999/XSL/Transforn" > 
—xsl;output method = "xml" omit - xml- declaration = "yes" /> 
<xsl:template match = "/"> 
<xsl:for - each select = "COLLECTION/BOOK" > 
—xsl;apply- templates select = "TITLE" /二 
—xsl:apply- templates select = "AUTHOR" / — 
<br/> 
</xsl;for - each> 
</xsl:template> 
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< |--The following template rule will not be called, because the related template 
in the including stylesheet will be called. If we move this template so that 
it follows the xsl:include instruction, this one will be called instead. --— 


<xsl; template match = "TITLE"> 
<div style = "color;blue"— 
Title; —xsl;value- of select = ". "/> 
</div> 
</xsl:template> 
<xsl: include href = "xslincludefile. xsl" /> 
— /xsl:;stylesheet— 


包含 的 XSLT 文件 (xslincludefile. xsl) 代 码 如 下 : 


<?xml version = '1.0'?— 
—xsl:stylesheet version= "1.0" 
xnlns;xsl- "http; //www.w3.org/1999/XSL/Transform" 
xsl;space = "preserve" 二 
<xsl:template match = "TITLE"— 
Title- —xsl;value- of select = ". "/><br/> 
</xsl:template> 
<xsl:template match = "AUTHOR" > 
Author - <xsl;value - of select = ". "/><br/> 
</xsl:template> 
</xsl:stylesheet> 


输出 结果 如 图 3-11 所 示 。 
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F E:\ 教 材 -web 技术 导论 书稿 (第 2 版 )\ 举 例 \aybooks-xal [EDR] 
文件 E) REO SEV KEW IAW EHW 


O=- O0 da0 Ps ra e 


fj EArt E BE BOR VOI books. sal 


Title - The Adventures of Tom Sawyer 
Author - Twain Mark 


Title - The Little Match-Seller 
Author - Andersen, Hans C. 


图 3-11 XML 文档 的 XSLT 输出 界面 


【 例 3-13] XSLT 综合 举例 。 
下 面 是 一 个 描述 网 络 课程 知识 单元 的 XML 文档 ,通过 XSLT 设计 其 显示 界面 。 
清单 1: 知识 单元 XML 文档 内 容 清单 (KUxxyyzz. xml) 


<?xml version = "1.0" encoding = "gb2312" ?> 

<? xml - stylesheet type = "text/xsl" href = "KUpage. xsl" ?> 

«KU 

—title-2.1 The OSI model< /title> 

—LearningObjectives-— 
—objectiveitem 7 goal^ (1) T f£ OSI-E S BERI — /goal- — /objectiveitem- 
<objectiveitem><goal> (2) dig & Ei Fk REI fib — /goal— — /objectiveitem- 
<objectiveitem><goal> (3) fA T fR HC ELE SERE /goal— — /objectiveitem- 

— /LearningObjectives— 

<content> 


20 世纪 80 年 代 末 90 年 代 初 ,二 kp 二 计算 机 网 络 过 /kp 之 迅猛 发 展 。 为 了 帮助 网 络 厂 
商 建构 网 络 以 及 支持 网 络 互 操 作 , 一 kp 二 ISO 组 织 二 /kp 一 定义 了 蜡 质 系统 互 连 的 七 层 框 
架 体系 结构 标准 ,也 称 为 二 kp 二 OSI 参考 模型 (OSI Reference Model) </kp>., 


=/content> 

<KPList> 

<kpitenr> 

<kp> OSI model </kp> 

<los> 

<loitem> 

<loname>0SI 模型 七 层 划分 二 /lonanme 二 

一 url 二 ../../lor/ 计 算 机 网 络 /L005 - 01 — 005 - 01. jpg /url— 
tar frameA- /tar> 

—/loitem— 

<loitem> 

<loname> OSI $R R & EH RE — /1onane- 

«url ../../lor/it SELFI $8 /Lo05 - 01 — 005 - 02. swf</ur1> 
tar frameA- /tar> 

</loitem> 
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<loitem> 

<loname> OSI Bi! & Jz Ut f </loname> 

< 一 url 二 ../../lor/ 计 算 机 网 络 /L005 — 01 — 005 - 03. swf < /ur17 
<tar>frameA</tar> 

</loitem> 

</los> 

< /kpitem> 

<kpitem> 

<kp>Encapsulation</kp> 

<los> 

<loitem> 

<loname> Aff $E — /loname> 
«url-../../lor/itTW.-BL FI f& /LO05 - 01 — 006 - 01. ppt —/url— 
<tar>frameA< /tar> 

</loitem> 

</los> 

</kpitem> 

</KPList> 

«FigName-[f 2-1 互联 网 概念 模型 二 /FigName 二 
<ImgPath>fig2 - 1. jpg</ImgPath> 

</KU> 


下 面 是 用 于 显示 上 述 XML 文档 的 XSLT 程序 清单 。 
清单 2: XSLT 文档 KUpage. xsl 内 容 清 单 


<?xml version = "1.0" encoding = "GB2312"? > 
—xsl,stylesheet xmlns:xsl = "http; //www. w3.org/TR/WD - xs1" 
<xsl:template match = "/" language = "javascript" 
<html> 
<head> <title> HRI — / title — /head- 
<body> 
<table border = "0" width = "100 &" cellspacing = "0" cellpadding = "0"> 
<tr> 
<td height = "26" bgcolor = " # CC0033"> 
<font color = " # FFFFFF"> 一 xsl:value- of select = "KU/title"/> </font> 
</td> 
AR 
<tr height = "30" —-— td <b>% J H fk — / b — /td </tr> 
—xsl;for- each select = "KU/LearningObjectives/objectiveitem" > 
<tr><td height = "30" — —xsl:value- of select = "goal" /7 — /td — /tr^ 
—/xsl:for- each> 
</table> 
<table width= "100 €" id= "tablel" style= "border - top- style; solid; border - top- width; 1px; 
border - bottom - style: solid; border - bottom - width; 1px" > 
<tr> «td»-xsl;value- of select = "KU/content"/></td></tr> 
</table> 
<table> 
<tr height = "30"><td colspan = "2" 二 一 b> 本 单元 所 包含 的 知识 点 二 /b> 一 /td 二 /tr> 
<tr> <td> ARA </td> -—td2£3]X $-—/td^-—/tr 
<xsl;for - each select = "KU/KPList/kpitem"> 
«tr 
<tdœ< font color = "green" 7 «b^ « xsl;value- of select = "kp"/></b></font></td> 
—xsl,;for- each select = "los/loitem" — 
<td> 
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<a> 
<xsl;attribute name = "href" ><xsl;value - of selct = "url" /> 
— /xsl;attribute— 
—xsl,;value- of select = "loname"/— 
</a> 
</td> 
</xsl:for - each> 
</tr> 
</xsl;for- each> 
</table> 
<table> 


<tr height = "30"><td colspan = "2"> <b> Ak Sé T IH JI C f/F-— / b — / td — /tr7 
tr -td-^- xsl,;value- of select = "KU/FigNane" /7 — /td ^ — /tr^ 
<tr> 


<td> 
<xsl:element name = "img"> 
—xsl;attribute name = "src"><xsl:value ~ of select = "KU/ImgPath"/></xsl:attribute> 
</xsl;element> 
</td> 
</tr> 
</table> 
</body> 
</html> 
</xsl:template> 
</xsl:stylesheet> 


当 XML 文档 在 浏览 器 中 打开 时 ,显示 出 的 页 面 如 图 3-12 所 示 。 
E 知识 单元 

文件 中) REO ZEV RRA IAW EHW 

o O (id Ds jw O 3-3 5- 

HALE) E) ?教材 一 Yeb 技 术 导论 书稿 QOO VON Dy zz xal 


DER 


0) 了解 OSI 七 层 模 型 
(2) 掌握 各 层 名 称 及 其 功能 
(3) 简单 了 解数 据 封装 过 程 


20 世 纪 80 年 代 末 90 年 代 初 ， 计 算 机 网 络 迅猛 发 展 。 为 了 帮助 网 络 厂商 建构 网 络 以 及 支持 网 络 互 操作 ，ISO 组 织 定义 了 异 质 
系统 互联 的 七 层 框架 体系 结构 标准 ， 也 称 为 0S[ 参 考 模型 COSI Reference Model) 。 

本 单元 所 包含 的 知识 点 

知识 点 学 习 对 象 

OSI model ”OSI 异型 七 层 划分 OSI 模型 各 层 功能 OSI 异型 各 层 设备 

Encapsulation 数据 封装 


本 单元 附加 文件 
图 2-1 互联 网 概念 模型 


图 3-12 XML 文档 使 用 XSLT 的 输出 界面 
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上 述 XML 文档 定义 了 一 个 知识 单元 的 结构 ,包括 知识 点 ,每 一 个 知识 点 都 对 应 一 个 或 
多 个 学 习 对 象 , 每 一 个 学 习 对 象 对 应 一 个 指向 学 习 对 象 媒体 文件 的 超 链 接 , 超 链接 一 a 二 属 
性 是 通过 二 xsl: attribute 记 元 素来 设 定 的 。 知 识 单元 还 可 以 附加 本 知识 单元 的 一 些 图 、 表 
等 ,对 于 XML 中 图 片 的 显示 ,和 超 链接 的 显示 不 同 ,例子 给 出 了 另外 一 种 方法 , 即 通 过 
— xsl: element name= "img" > liz , 
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在 XSLT 和 XPointer 规范 中 ,都 需要 定位 XML 文档 树 中 的 元 素 、 元 素 属性 或 元 素 
间 ,XPath 规范 的 目的 就 是 向 XSLT 和 XPointer 共同 需要 的 功能 提供 统一 的 语法 和 语义 ， 
可 以 说 ,XPath 是 一 种 XML 文档 内 容 寻 址 语言 ,主要 应 用 于 XSLT 和 XPointer 的 规范 中 。 
XPath 将 一 个 XML 文档 建 模 成 为 一 棵 结 点 树 , 用 位 置 路 径 来 实现 对 XML 文档 内 容 的 定 
位 ,从 而 实现 对 XML 文档 中 的 元 素 和 属性 进行 遍历 ,实现 对 XML 文档 内 容 的 寻 址 。 


1. XPath 语法 


XPath 是 XML 的 查询 语言 ,和 SQL 的 角色 很 类 似 。XPath 使 用 路 径 表 达 式 在 XML 
文档 中 选择 结 点 或 结 点 集 。 下 面 以 一 个 简单 的 XML 文档 为 例 , 介 绍 XPath 的 基本 语法 。 


<?xml version = "1.0"? > 

<bookstore> 

<book> 
<title lang = "eng" — Aladdin and the Enchanted Lamp </title> 
<price>2.90</price> 

</book> 

<book> 
<title lang = "eng" —Huckleberry Finn< /title> 
<priceœ>2.80</price> 

< /book> 

< /bookstore- 


(1) 基本 XPath 表达 式 
XPath 表达 式 是 使 用 运算 符 和 特殊 字符 构造 的 ,用 于 确定 查询 范围 , 即 选 择 XML 中 的 
文档 结 点 集合 。XPath 运算 符 和 特殊 字符 见 表 3-6. 
表 3-6 XPath 路 径 运算 符 和 特殊 字符 
运算 符 或 运算 符 或 


特殊 字符 ullas 特殊 字符 iis 
i 子 运算 符 , 在 左 侧 集合 中 的 直接 子 结 点 i 命名 空间 分 隔 符 ,将 命名 空间 前 级 与 
元 素 中 ,选择 运算 符 右 侧 的 指定 元 素 。 元 素 名 或 属性 名 分 隔 
当 此 路 径 运算 符 出 现在 模式 开头 时 , 表 
示 选 择 根 结 点 下 的 直接 子 元 素 


// 递归 下 降 ,在 左 侧 集合 的 任意 深度 子 结 Oo 为 运算 分 组 ,明确 设置 优先 级 
点 中 搜索 运算 符 右 侧 的 指定 元 素 。 当 
此 路 径 运 算 符 出 现在 模式 开头 时 ,表示 
应 从 根 结 点 递归 下 降 
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续 表 
运算 符 或 " 运算 符 或 
特殊 字符 ms m 特殊 字符 mum 
表示 当前 上 下 文 结 点 元 素 自身 口 应 用 筛选 模式 ,或 下 标 运 算 符 
当前 上 下 文 结 点 的 双亲 元 素 十 ,一 ,* 算术 运算 符 
通配符 ,选择 所 有 元 素 或 属性 DIV ”除法 
e 属性 名 前 组 MOD RË 


下 面 是 一 组 XPath 的 常用 表达 式 ,说 明 如 下 : 
。 文档 根 : 以 正 斜 杠 (/) 为 前 级 的 表达 式 使 用 文档 树 的 根 作为 上 下 文 。 需 要 说 明 的 
是 , 根 结 点 不 是 根 元 素 , 它 是 一 个 抽象 的 结 点 ,是 根 元 素 的 父 结 点 ,用 “/” 表 示 。 
例如 ,/bookstore, 选 择 根 元 素 bookstore: bookstore/book ,选择 bookstore 下 的 所 有 
book 子 元 素 ; /bookstore/ * ,选择 bookstore 元 素 下 的 所 有 子 结 点 。 
* 根 元 素 : 使 用 正 斜 杠 后 接 星 号 (/ x ) 的 表达 式 使 用 根 元 素 作为 上 下 文 。 
例如 ,/ * ,表示 查找 文档 的 根 元 素 。 
。 特定 元 素 : 以 元 素 名 开头 的 表达 式 引 用 特定 元 素 的 查询 ,从 当前 上 下 文 结 点 开始 ， 
选择 当前 结 点 的 所 有 子 结 点 。 
例如 ,bookstore, 表 示 选 择 bookstore 元 素 的 所 有 子 结 点 。 
。 递归 下 降 : 使 用 双 正 斜 杠 (//) 的 表达 式 , 表 示 从 当前 结 点 开始 选择 符合 条 件 的 所 有 
结 点 元 素 。 如 果 此 运算 符 出 现在 模式 的 开头 ,上 下 文 相 对 于 文档 的 根 。 
例如 ,//book, 表 示 选 择 文档 中 的 所 有 book 元 素 ; // * ,表示 选择 文档 中 的 所 有 元 素 ; 
bookstore//book, 表 示 选 择 bookstore 下 的 所 有 book 子孙 元 素 。 
. // 前 缀 则 表明 上 下 文 从 层次 结构 中 当前 上 下 文 所 指示 的 级 别 开 始 。 
。 选择 属性 ://@lang, 表 示 选 择 所 有 名 为 lang 的 属性 ; //title[@ * ] ,表示 选择 所 有 
title 元 素 ,不管 其 属性 如 何 。 
在 上 面 的 表述 中 ,所 谓 文档 上 下 文 是 指定 位 计算 所 基于 的 一 个 已 知 结 点 ,该 结 点 称 为 上 
下 文 结 点 。 一 般 而 言 ,最 初始 的 上 下 文 结 点 总 是 文档 中 的 确定 位 置 , 如 文档 的 根 结 点 。 
(2) 谓词 
谓词 用 于 寻找 特定 的 结 点 或 一 个 包含 特定 值 的 结 点 ,谓词 包括 在 方 括号 中 ,例如 : 
/bookstore/book[1] ,表示 选择 bookstore 元 素 下 的 第 一 个 book FIER. 
/bookstore/book[last()] ,表示 选 择 bookstore 元 素 下 的 最 后 一 个 book 子 元 素 。 
/bookstore/book[Lposition( ) 二 3j], 表 示 选 择 bookstore 元 素 下 开始 的 两 个 book F 
//titleL@1lang] ,表示 选择 所 有 的 包含 属性 名 为 lang 的 title 元 素 。 
//titleL@lang='eng'], 表 示 选 择 所 有 的 包含 属性 名 为 lang 且 属 性 值 为 eng 的 title 
元 素 。 
/bookstore/book[Lprice 二 2. 00], 表 示 选 择 bookstore 元 素 下 所 有 包含 值 大 于 2. 00 的 
price 元 素 的 book 子 元 素 。 
/ bookstore/book[ price 2. 00 ]Vtitle, 表 示 选 择 bookstore 元 素 下 的 所 有 包含 值 大 于 
2.00 的 price 元 素 的 book 子 元 素 下 的 title 子 元 素 。 
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(3) 多 路 径 选 择 

如 果 需 要 选择 多 个 路 径 , 可 以 使 用 *1” 操 作 符 ,例如 : 
//book/title|//book/price, 表 示 选 择 所 有 book 元 素 下 的 title 和 price 子 元 素 。 
//title|//price, 表 示 选 择 文档 中 的 所 有 的 title 元 素 和 price 元 素 。 
/bookstore/book/title|//price, 表 示 选 择 /bookstore/book/ 下 的 title 子 元 素 和 文档 中 


的 所 有 price 元 素 。 


(4) XPath 轴 心 
一 个 轴 心 (axis) 定 义 了 相对 于 当前 上 下 文 结 点 的 结 点 集 , 各 轴 心 名 及 含义 如 下 : 
ancestor 轴 ,表示 选择 当前 结 点 的 所 有 祖先 。 
ancestor-or-self 轴 ,表示 选 择 当 前 结 点 及 其 所 有 祖先 。 
attribute 轴 ,表示 选择 当前 结 点 的 属性 。 
child 轴 ,表示 选择 当前 结 点 的 所 有 子女 。 
descendant 轴 ,表示 选择 当前 结 点 的 所 有 子孙 。 
descendant-or-self ,表示 选择 当前 结 点 及 其 所 有 子孙 。 
following 轴 ,表示 选择 上 下 文 结 点 后 面 的 元 素 结 点 。 
following-sibling 轴 ,表示 选择 当前 上 下 文 结 点 后 面 与 上 下 文 结 点 同属 于 一 个 父 结 
点 的 那些 结 点 。 
namespace fill ,表示 选择 当前 结 点 的 所 有 名 字 空 间 结 点 。 
parent 轴 ,表示 选择 当前 结 点 的 双亲 。 
preceding 轴 ,表示 选择 当前 结 点 前 面 的 结 点 。 
preceding-sibling 轴 ,表示 选择 当前 结 点 前 面 与 上 下 文 结 点 同属 于 一 个 父 结 点 的 那 
* self 轴 , 表 示 选 择 当前 结 点 ,也 可 以 用 *. ”来 表示 。 
XPath 轴 心 应 用 于 位 置 路 径 表 达 式 中 ,来 确定 一 个 位 置 步 中 的 结 点 集 。 
【 例 3-14]. 使 用 XPath 举例 。 
有 下 面 的 XML 文档 bookstore. xml, 代 码 如 下 ; 
<?xml version = "1.0" encoding = "gb2312"? > 
<? xml - stylesheet type = "text/xsl" href = "bookstore. xslt"? > 
<bookstore> [M E 457 
—&4 T World famous novels / 4 f» 
过 图 书 HH) -"2003-11-24"— 
二 名 称 之 ROMEO AND JULIET 过 /名称 之 
所 作者 之 Shakespeare, William 二 /作者 二 
去 价格 之 30.00 一 /价格 二 
Hg 
二 图 书 HHEj-"2006-5-8"— 
— 4 ff The Mysterious Island </> 
E 3 Verne, Jules 一 /作者 二 
二 价格 二 31.00 二 /价格 二 


</A> 
< /bookstore> 


用 于 输出 的 bookstore. xslt 代码 如 下 : 
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<?xml version = "1.0" encoding = "gb2312"? > 
—xsl:stylesheet version = "1.0" xmlns:xsl = "http://www. w3. 0rg/1999/XSL/Transform" > 
—xsl,template match = "/"— 
<html> 
<head> 
«title £2] ff JH XPath fili /title— 
</head> 
<body> 
<xsl;apply ~ templates select = "bookstore" /> 
</body> 
</html> 
=/xsl:template> 
<xsl:template match = "bookstore"> 
—xsl;apply- templates select = "child:: * "/— 
</xsl;template> 
<xsl:template match = "text()"> 
Textnode; —xsl;value- of select = "self::text()"/> <br/> 
</xsl:template> 
<xsl:template match = " « "> 
Booknode; —xsl;value- of select = "self:: * "/> <br/> 
</xsl:template> 
</xsl:stylesheet> 


在 IE 浏览 器 中 的 输出 结果 如 图 3-13 所 示 。 


当 练习 使 用 XPath 轴 
XO REO FEV KEA IAV HHW LJ 


O- © Hà x yr © e- 


地 址 四) [E E: \ 教 材 --feb 技 术 导论 书稿 第 2 版)\ 举 例 \bookstore xl M ED ERI 


Booknode: Worid famous novels 
Booknode: ROMEO AND JULIET Shakespeare, Wiliam 30.00 
Booknode: The Mysterious Island Verne, Jules 31.00 


图 3-13 XPath 轴 的 应 用 输出 结果 界面 


(5) 位 置 路 径 

位 置 路 径 (Location Path) 是 由 ”*/ ”分 隔 的 位 置 步 (Location Step) 构 成 的 一 个 表达 式 , 可 
用 于 XSL 和 XPointer 表达 式 中 。 位 置 步 在 目标 文件 中 指定 一 个 位 置 ,通常 是 相对 于 一 个 
已 知 的 位 置 ,如 文件 的 根 结 点 或 男 外 一 个 位 置 步 等 。 位 置 步 由 一 个 XPath 轴 心 关键 字 
Caxis) 、 结 点 测试 (node-test) 和 可 选 谓词 (prediates) 构 成 ,一 般 形式 如 下 : 


axis: :node — test[prediates] 
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例如 . / child: : spec/child:: body[ positionO —2] 

其 中 ,第 一 个 “/” 表 示 根 结 点 ;“child:: spec” 是 第 一 个 位 置 步 ,表示 根 结 点 的 spec 直接 
子 元 素 , 如 果 文 件 的 根 元 素 是 sepc, 计 算出 来 的 结果 应 为 根 元 素 ,否则 计算 结果 为 空 ;“child:: 
bodyLposition() 二 2]” 是 第 二 个 位 置 步 ,表示 上 次 计算 出 来 元 素 的 第 二 个 body 直接 子 元 素 。 
在 上 面 的 例子 中 ,如 果 文 件 的 根 元 素 是 spec, 而 且 它 包含 两 个 以 上 的 body 子 元 素 , 返 回 的 
结果 将 是 一 个 元 素 ,否则 将 不 返回 结果 。 


2 XPath 函数 


XPath 定义 了 一 组 内 置 函 数 , 称 为 核心 函数 库 。 在 XPath 1.0 中 ,包含 四 类 函数 ,分 别 
是 : 结 点 集 函 数 .字符 串 函数 ,布尔 函数 和 数字 函数 。XPath 2. 0 对 函数 进行 很 大 的 扩充 ,分 
成 七 类 ,包含 100 多 个 函数 ,这 些 函 数 针对 字符 串 值 数字 值 .日 期 和 时 间 比 较 、 结 点 操作 \ 顺 
序 操作 ,布尔 值 等 等 。 其 中 最 常用 的 结 点 集 函 数 有 : 

(1) last(): 返回 上 下 文大 小 , 即 给 定 上 下 文中 的 结 点 数 。 

(2) position); 返回 上 下 文 位 置 , 即 当前 结 点 在 给 定 上 下 文 结 点 集 ( 列 表 ) 中 的 位 置 。 
比如 ,可 以 用 表达 式 positionO = 一 last() 测 试 处 理 的 是 否 是 集合 中 的 最 后 一 个 结 点 。 

(3) count(node-set) : 返回 实 参 结 点 集中 的 结 点 数 。 

(4) idCobjecO : 返回 一 个 结 点 集 , 根 据 在 DTD 中 声明 为 ID 类 型 的 唯一 标识 符 选择 

关于 XPath 的 函数 的 详细 说 明和 使 用 请 参考 XPath 规范 。 

【 例 3-15] XPath 函数 应 用 举例 。 

在 以 下 XML 文档 (exaxpath. xml) 中 选择 所 有 值 为 green 或 blue HJ < x> Jt% Jf: 
输出 。 


<?xml version = '1.0'7> 
<? xnl- stylesheet type = "text/xsl" href = "exaxpathstyle.xsl"? > 
<root> 
<x>green</x> 
<y> 
<x>blue</x> 
<x>blue</x> 
</y> 
<z> 
<x>red</x> 
<x>red</x> 
iz 
<x>green</x> 
</root> 


清单 exaxpathstyle. xsl 


<?xml version= '1.0'? > 
一 xsl:stylesheet version = "1.0" 
xmlns:xsl = "http://www. w3. org/1999/XSL/Transform" > 
<xsl;template match = "root" > 
<xsl:for — each select = "x | y/x"> 
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-—xsl;value- of select = "."/>, 
<xsl; if test = "not(position() = last())">,</xsl; if> 
</xsl:for - each> 
</xsl:template> 
</xsl;stylesheet> 


则 在 浏览 器 中 的 格式 化 输出 为 : green, „blue, . blue. green. 
337 XML 查询 语言 XQuery 


现在 , 越 来 越 多 的 信息 以 XML 格式 进行 存储 和 交换 ,XML 数据 查询 成 为 重要 的 功能 
需求 。1999 4E, W3C 成 立 了 XML 查询 工作 组 ,开始 研究 制定 相关 标准 规范 。 经 过 一 个 温 
长 的 时 期 ,2005 年 11 月 ,W3C 发 布 了 关于 XML 查询 的 8 个 备 选 推荐 规范 。2007 年 1 月 
23 日 ,W3C 才 将 XPath 2. 0 和 XQuery 1.0 确定 为 推荐 标准 。 
XQuery 1. 0 是 XPath 2. 0 的 扩展 集 , 除 了 拥有 XPath 2.0 的 特点 外 ,增加 了 排序 、 重 
装 .构造 功能 ,而 且 实 现 了 XPath 2. 0 未 能 实现 的 数据 浏览 和 过 滤 方 面 的 性 能 。XQuery 的 
* E XSLT 的 查询 语句 ,XQuery 查询 语句 代码 更 简洁 。XQuery 执行 查询 需要 的 
代码 比 XSLT 少 , 所 以 它 的 执行 效率 也 高 。 
* 当 XML 数据 是 类 型 化 的 ,那么 XQuery 是 一 个 强 类 型 语言 , 它 能 够 通过 避免 非法 的 
类 型 转换 以 及 确认 类 型 是 否 可 以 在 查询 操作 中 使 用 ,来 提高 查询 语句 的 执行 效率 。 
。 XQuery 能 当 作 弱 类 型 语言 使 用 ,为 非 类 型 化 数据 提供 更 强 的 功能 。 
。 XQuery 正在 成 为 W3C 工作 组 的 推荐 语言 ,同时 它 也 将 会 被 主流 的 数据 库 提供 商 所 
支持 。 
由 于 本 书 篇 幅 所 限 , 关 于 XQuery 的 基本 语法 和 应 用 请 参考 W3C 的 具体 规范 。 
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在 XML 的 规范 中 ,并 没有 规定 有 关 文 件 链接 的 问题 。 为 了 使 XML 文件 也 能 够 有 类 似 
HTML 文件 超 链 接 的 功能 , W3C 制定 了 XML 可 扩展 链接 语言 规范 XLL (eXtensible 
Linking Language) ,分 为 三 个 部 分 : XLink 语言 .XPointer 语言 和 XML Base。 其 中 XLink 
是 规定 XML 文件 之 间 的 链接 规范 (和 HTML 中 的 外 链接 相似 ) ,XPointer 是 规定 XML X 
件 中 不 同位 置 之 间 的 链接 规范 (类 似 HTML 中 的 书签 )。 通 过 XLink 规范 和 XPointer 规 
范 可 以 定义 类 似 HTML 中 二 a 二 标记 的 超 链接 功能 ,然后 通过 XSL 显示 该 超 链接 。 


1. XML 文档 链接 XLink 规范 


XLink 所 设 定 的 链接 分 为 简单 链接 (Simple Link) 和 扩展 链接 (Extended Link) 。 其 中 ， 
Simple Link 的 链接 功能 和 HTML 的 超 链 接 基本 上 一 样 ,将 单个 源 文档 和 多 个 目标 文档 相 
链接 。Extended Link 则 超出 了 HTML 超 链 接 的 功能 , 它 链接 的 对 象 可 以 一 次 设 定 多 个 ， 
允许 在 多 个 源 文档 和 多 个 目标 文档 之 间 建 立 链接 。 

下 面 我 们 主要 介绍 XLink 中 的 简单 连接 的 定义 和 显示 方法 。 
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在 XML 文件 中 定义 使 用 XLink 元 素 的 时 候 ,必须 要 在 DTD 中 声明 连接 元 素 , 下 列 XML 
代码 声明 了 一 个 Simple Link 类 型 的 XLink 263& < friendlink>. $A 3863 — friendlink 76 3& 
标记 XML 文档 中 的 超 链接 。XML 文档 名 为 myfriends. xml, 代 码 清单 如 下 : 


<?xml version= "1.0"?> 
<? xnl- stylesheet type = "text/xsl" href = "friendlists. xsl" ?> 
< | DOCTYPE myfriends[ 
< | ELEMENT nyfriends ANY> 
< | ELEMENT friendlink ANY> 
<!ATTLIST friendlink 
xmlns;xlink CDATA it FIXED "http://www. w3. org/ TR/xlink" 
xlink:type (simple|extended| locator|arc) # FIXED "simple" 
xlink:href CDATA # REQUIRED 
xlink,role CDATA # IMPLIED 
xlink:title CDATA # IMPLIED 
xlink; show (new|parsed|replace) "parsed" 
xlink;actuate (user|auto) "auto" > 
J> 
<myfriends> 
<friendlink xmlns:xlink = "http; //www. w3. org/TR/xlink" 
xlink:href = "http; //127.0.0. 1/personlists. xml">Jane< /friendlink> 
</myfriends> 
在 定义 一 个 XLink 元 素 时 ,首先 声明 XLink 名 称 空间 , 即 : xmlns: xlink CDATA # 
FIXED http: //www. w3. org/ TR/xlink ,该 名 称 空间 对 应 了 XLink 规范 中 定义 的 一 组 元 
素 和 属性 。 利 用 这 些 默 认 属 性 ,来 定义 用 户 的 XLink 元 素 属性 ,主要 的 属性 包括 : 
type: 指明 链接 类 型 是 Simple Link 还 是 Extended Link。 
href: 用 来 设 定 链接 的 地 址 ,与 HTML 中 二 a 二 标记 的 href 属性 一 样 。 
role; 声明 该 链接 功能 ,提供 给 应 用 程序 读 取 。 
title; 声明 该 链接 功能 ,提供 给 用 户 读 取 , 与 HTML 中 二 a 二 标记 的 alt 属性 相似 。 
show: 有 三 种 取 值 ,replace 表示 将 链接 的 内 容 取 代 当 前 的 内 容 ,new 表示 将 链接 的 内 
容 在 一 个 新 的 窗口 打开 ,embed 表示 将 链接 的 内 容 加 入 到 当前 的 内 容 中 。 
actuate: 设置 该 链接 是 如 何 被 激活 。auto 表示 XML 文件 被 解读 后 ,链接 自动 被 激活 。 
而 user 表示 该 链接 必须 被 用 户 手动 激活 ,也 就 是 用 户 必 须要 用 鼠标 点 击 一 下 该 链接 。 
下 面 通过 XSL 将 这 个 XML 文件 在 浏览 器 中 显示 出 来 , 即 要 显示 上 述 XML 文档 中 
二 friendlink 记 元素 所 标记 的 XML 超 链接 。friendlists. xsl 代码 清单 如 下 : 
<?xml version= "1.0"? — 
xsl:stylesheet version= "1.0" xmlns:xsl- "http://www. w3. org/1999/XSL/Transform" 
xmlns:xlink = "http://www. w3. org/TR/xlink"> 
<xsl;output method = "html" /> 
<xsl:template match = "friendlink"> 
<xsl; if test = "@xlink;href"> 
<a href = "{@xlink;href}"><xsl;value - of select = ". "/></a> 
</xsl: if> 
</xsl:template> 
</xsl:stylesheet> 
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在 浏览 器 中 打开 myfriends. xml 文档 ,输出 结果 如 图 3-14 所 示 o 


F E: \ 教 村 一 Web 技术 导论 书稿 (第 2 版) \ 举 例 \ayfriends.xal ... EBR) 
文件 四 REO SEQ REW IAD Wb Ay 
Oa- O- hda pr k O 2- 

HEW E) r: VTR Sit 4848 第 2 版 )\ 举 例 wyfriends xn 国 | E] PERI Ee 
Google Gv ARE ORA”? OQeg- 


Æ] http: //127.0. 0. 1/£ri endj ane. xml 


图 3-14 XML 中 的 超 链接 


2. XPointer 规范 


XML 文档 是 一 种 结构 化 文件 ,这 使 得 借助 文件 结构 进行 内 部 定位 成 为 可 能 ,这 就 是 
XPointer, XPointer 支持 在 XML 文件 中 定位 元 素 、 属 性 、 字 符 串 等 内 部 结构 ,例如 ,可 以 定 
位 到 根 元 素 或 者 当前 元 素 的 某 个 子 元 素 , 也 可 以 定位 到 文件 中 的 一 个 点 或 两 个 点 之 间 的 

XPointer 基于 XSL 转换 中 的 XPath 语言 ,并 在 其 基础 上 进行 了 扩展 ,包括 : (1) 可 以 定 
位 结 点 、 点 和 区 域 ; (2) 通 过 字符 串 匹 配 定位 资源 片段 ; (3) 在 URI 引用 中 定位 资源 片断 。 

由 于 XPointer 的 功能 是 文件 内 部 定位 ,因此 它 可 以 使 用 在 需要 定位 的 任何 地 方 ,例如 
在 可 视 化 的 XML 编辑 器 中 定位 元 素 、 属 性 等 。 但 人 们 经 常 利用 XPointer 描述 XLink 链接 
的 目标 资源 ,因此 ,通常 将 XPointer 和 XLink 放 在 一 起 讨论 。 

XPointer 引用 的 基本 语法 为 : 


—linkelementname xlink:href = "xmlDdocument # xpointer(expression)"— text — /linkelementname—- 


其 中 ,在 # xpointer (expression) 中 ,表达 式 expression 是 一 个 位 置 路 径 表 达 式 ,和 
XPath 中 的 位 置 路 径 相同 ,用 于 定位 计算 ,以 确定 被 链接 的 XML 文档 中 的 位 置 。 当 利用 id 
("somelocation" ) 进 行 元素 定 位 时 ,表示 文件 中 ID 等 于 指定 常数 的 元 素 , 可 以 将 # xpointer 
CGdCname)) fij *3 JK # name, 

例如 ,下 面 是 记录 个 人 信息 的 文档 personslists. xml, 定 义 了 多 个 人 的 信息 ,每 个 人 都 定 
义 了 id 属性 ,代码 清单 如 下 : 

<?xml version = "1.0" encoding = "ISO - 8859 - 1"? > 

<personlist> 

< person id= "Jane"> 

<picture url = "http;//127.0.0. 1/jane. jpg" /> 
</person> 
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一 person id = "Cherry" — 

— picture url = "http://127.0.0.1/Cherry. jpg" /> 
< /person> 
</personlist> 


在 myfriends. xml 中 , {i< friendlink— 76 & . PJ DA FEIKE LE — 4» AA (09 A e ,例如 


<friendlink xmlns:xlink = "http://www. w3. org/TR/xlink" 
xlink;href = "http://127.0.0. 1/ personlists. xml Jane" —Jane- /friendlink> 
即 可 定位 到 personlists. xml 文档 中 的 id 号 为 Jane ff] person 25 5i o 
XPointer 中 的 位 置 路 径 在 XPath 的 基础 上 进行 了 扩展 ,提供 了 5 种 不 同 的 在 XML x 
件 内 定位 的 方法 ,包括 : 绝对 定位 .相对 定位 ,范围 定位 .属性 定位 和 字符 串 定位 ,可 将 地 址 
定位 到 相应 的 地 方 , 功 能 上 比 HTML 中 的 内 链接 更 为 强大 ,详细 介绍 略 。 
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W3C 制定 了 一 套 书 写 XML 分 析 器 的 标准 接口 规范 , 即 XML 文档 对 象 模型 (Document 
Object Model,DOM) 。 除 此 之 外 ,XML_DEV 邮件 列表 中 的 成 员 根 据 应 用 的 需求 也 自发 地 
定义 了 一 套 对 XML 文档 进行 操作 的 接口 规范 , 即 XML = 

XML 应 用 程序 
简单 应 用 程序 接口 (Simple APIs for XML,SAX)。 这 Emmm 
两 种 接口 规范 各 有 侧重 , 互 有 长 短 , 应 用 都 比较 广泛 。 


在 XML 应 用 程序 开发 过 程 中 ,DOM 和 SAX rap OMBO saxen | 
的 地 位 如 图 3-15 所 示 。 ss 

从 图 中 可 以 看 出 ,应 用 程序 不 是 直接 对 XML 文档 XML 分 析 器 
进行 操作 的 ,而 是 首先 由 XML 分 析 器 对 XML 文档 进 
行 分 析 , 然 后 ,应 用 程序 通过 XML 分 析 器 所 提供 的 MIA 
DOM 接口 或 SAX 接口 对 分 析 结 果 进 行 操作 ,从 而 间接 F 3-15 XML 应 用 程序 开发 中 
地 实现 了 对 XML 文档 的 访问 。 的 DOM 与 SAX 接口 


1. XML 文档 对 象 模型 DOM 


XML 文档 对 象 模 型 (Document Object Model, DOM) $È HTML 文档 和 XML 文档 的 应 
用 程序 接口 。 在 应 用 程序 (例如 浏览 器 ) 中 ,基于 DOM 的 XML 分 析 器 依据 XML 的 文档 结 
构 ,将 一 个 XML 文档 转换 成 一 棵 结 点 树 ( 通 常 称 DOM 树 ), 应 用 程序 通过 对 这 个 对 象 模型 
的 操作 ,从 而 实现 对 XML 文档 数据 的 操作 。 

由 于 XML 本 质 上 就 是 一 种 分 层 结构 ,用 DOM 树 对 XML 文档 进行 描述 的 方法 是 相当 
有 效 的 。DOM 树 所 提供 的 随机 访问 方式 给 应 用 程序 的 开发 也 带 来 了 很 大 的 灵活 性 , 它 可 
以 任意 地 控制 整个 XML 文档 中 的 内 容 。 然 而 ,由 于 DOM 分 析 器 把 整个 XML 文档 转化 成 
DOM 树 放 在 了 内 存 中 ,因此 , 当 文档 比较 大 或 者 结构 比较 复杂 时 ,对 内 存 的 需求 就 比较 高 。 
而 且 , 对 于 结构 复杂 的 树 的 遍历 也 是 一 项 耗 时 的 操作 。 所 以 ,DOM 分 析 器 对 机 器 性 能 的 要 
求 较 高 ,实现 效率 不 十 分 理想 。 但 是 ,由 于 DOM 分 析 器 所 采用 的 树 形 结构 的 思想 与 XML 
文档 的 结构 相 吻 合 ,又 可 以 进行 随机 访问 ,因此 ,DOM 分 析 器 具有 广泛 的 使 用 价值 。 
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(1) DOM 的 组 成 

对 于 XML 应 用 开发 来 说 ,DOM 就 是 一 个 对 象 化 的 XML 数据 接口 ,一 个 与 语言 无 关 、 
与 平台 无 关 的 标准 接口 规范 。 它 定义 了 HTML 文档 和 XML 文档 的 逻辑 结构 ,给 出 了 一 种 
访问 和 处 理 HTML 文档 和 XML 文档 的 方法 。 利 用 DOM ,程序 开发 人 员 可 以 动态 地 创建 
文档 ,遍历 文档 结构 ,添加 、 修 改 、 删 除 文 档 内 容 , 改 变 文档 的 显示 方式 等 等 。 可 以 这 样 说 , 文 
档 代 表 的 是 数据 ,而 DOM 则 代表 了 如 何 去 处 理 这 些 数 据 。 无 论 是 在 浏览 器 中 、 在 服务 器 上 
还 是 在 客户 端 , 只 要 有 用 到 XML ,都 可 能 用 到 DOM, 

作为 W3C 的 标准 接口 规范 ,目前 ,DOM 由 三 部 分 组 成 ,包括 : 核心 (core) HTML 和 
XML。 核 心 部 分 是 结构 化 文档 比较 底层 对 象 的 集合 ,定义 了 一 组 对 象 ,用 于 表达 HTML 和 
XML 文档 中 的 数据 。HTML 接口 和 XML 接口 两 部 分 则 是 专 为 操作 具体 的 HTML 文档 
和 XML 文档 所 提供 的 高 级 接口 ,使 对 这 两 类 文件 的 操作 更 加 方便 。 

(2) 创建 DOM 文档 对 象 和 加 载 XML 

通过 DOM 访问 XML 数据 通常 有 两 种 方法 : 第 一 ,使 用 C、C++ 或 者 Visual Basic 等 访 
To] XML 数据 ,此 时 用 户 必须 安装 一 些 特殊 的 头 文件 和 库 ; 第 二 ,使 用 HTML 和 脚本 语言 
JavaScript、VBScript 等 通过 DOM 实现 XML 数据 的 访问 。 这 里 我 们 只 看 后 者 的 实现 
方法 。 

在 HTML 中 访问 XML. 首 先 要 创建 文档 对 象 。 在 JavaScript 中 ,可 通过 以 下 语句 


var Mydocument = new ActiveXObject("Microsoft. XMLDOM") 


上 述 语句 在 内 存 中 创建 一 个 空 对 象 Mydocument. 要 加 载 一 个 XML 文档 , 需 通 过 
Mydocument 对 象 的 load 方法 完 


Mydocument. async = false 
Mydocunent. load(" XML 文档 的 URL") 


这 里 我 们 给 async 属性 赋值 为 false, 表 明 只 有 当 文档 下 载 完毕 ,控制 才 返回 给 调用 进 
程 。load 方法 告诉 分 析 器 加 载 指定 名 字 的 XML 文档 。XML 文档 被 加 载 后 ,就 在 内 存 中 形 
成 了 一 棵 DOM 树 。 

例如 ,Books. xml 文档 内 容 如 下 : 


<?xml version = "1.0" encoding = "gb2312" ?> 
<books> 
<book status = "E "> 
<title>Web 技术 导论 二 /title > 
~<author> HaoXingwei< /author> 
</book> 
<book status = "热卖 中 "二 
<title> WebJF A TUR-— /title— 
-—author-- HaoXingwei — /author-— 
=/book> 
=/books> 


形成 的 DOM 树 如 图 3-16 所 示 。 
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Mydocument 文档 对 象 
] 
books 根 结 点 
CD book book CD 结 点 
title author | title | author 结 点 


I I 
蕊 告 完 ][web 技 术 导 论 ][Haoxw](web 开 发 技术 ][Haoxw] ”热卖 中 ex 属性 


图 3-16 XML DOM 树 示 意图 


从 图 3-16 所 示 的 DOM 树 中 可 以 看 到 ,在 文档 对 象 中 ,包含 了 一 个 与 XML 文档 相 一 致 
的 树 。 树 的 根 结 点 对 应 于 XML 的 根 元 素 ,其 他 结 点 对 应 于 XML 中 不 同 层次 上 的 元 素 。 所 
有 结 点 都 是 Node 类 型 的 对 象 。 

(3) DOM 接口 对 象 

文档 对 象 模型 利用 对 象 将 XML/HTML 文档 模型 化 ,这 些 模型 不 仅 描 述 了 文档 的 结构 ， 
还 定义 了 模型 中 对 象 的 行为 。 在 DOM 树 中 ,每 一 个 结 点 不 是 数据 结构 ,而 是 对 象 ,对 象 中 包 
含 方法 和 属性 。 在 DOM 接口 规范 中 ,有 四 个 基本 的 接口 Document, Node, NodeList 和 
NamedNodeMap。 在 这 四 个 基本 接口 中 ,Document 接口 是 对 文档 进行 操作 的 入 口 , 它 是 从 
Node 接口 继承 过 来 的 ; Node 接口 是 其 他 大 多 数 接口 的 父 类 , 像 Documet、 Element, Attribute, 
Text „Comment 等 接口 都 是 从 Node 接口 继承 过 来 的 ; NodeList 接口 是 一 个 结 点 的 集合 , 它 包 


含 了 某 个 结 点 中 的 所 有 子 结 点 ; NamedNodeMap 接口 也 是 一 个 结 点 的 集合 ,通过 该 接口 ,可 以 
建立 结 点 名 和 结 点 之 间 的 一 一 映射 关系 ,从 而 利用 结 点 名 可 以 直接 访问 特定 的 结 点 。 


(D 文档 (Document) 对 象 : Document 对 象 代表 了 整个 XML/HTML 文档 ,是 整 棵 文档 
树 的 根 ,是 所 有 数据 、 所 有 其 他 组 件 , 比 如 注释 和 处 理 指 令 结 点 的 总 的 容器 ,提供 了 对 文档 中 
的 数据 进行 访问 和 操作 的 入口。 

由 于 元 素 ,文本 结 点 、 注 释 、 处 理 指令 等 都 不 能 脱离 文档 的 上 下 文 关系 而 独立 存在 ,所 以 
在 Document 接口 提供 了 创建 其 他 结 点 对 象 的 方法 ,通过 该 方法 创建 的 结 点 对 象 都 有 一 个 
ownerDocument 属性 ,用 来 表明 当前 结 点 是 由 谁 所 创建 的 以 及 结 点 同 Document 之 间 的 联系 。 

© 结 点 (Node) 对 象 : XML/HTML 中 的 每 一 个 元 素 都 对 应 DOM 树 中 的 一 个 结 点 对 
象 。Node 接口 在 整个 DOM 树 中 具有 举足轻重 的 地 位 ,DOM 接口 中 有 很 大 一 部 分 接口 是 
从 Node 接口 继承 过 来 的 ,例如 ,Element、Attr.CDATASection 等 接口 。 

@ 结 点 列表 (NodeList) 对 象 : 这 是 同一 级 上 的 所 有 结 点 形成 的 列表 , 它 包 含 了 多 个 结 
点 对 象 。 列 表 中 的 结 点 都 有 与 Sibling 相关 联 的 关系 。 

{E DOM 中 ,NodeList 的 对 象 是 实时 更 新 (live) 的 ,对 文档 的 改变 ,会 直接 反映 到 相关 的 
NodeList 对 象 中 。 例 如 ,如 果 通 过 DOM 获得 一 个 NodeList 对 象 ,该 对 象 中 包含 了 某 个 
Element 结 点 的 所 有 子 结 点 的 集合 ,那么 , 当 再 通过 DOM 对 Element 结 点 进行 操作 (添加 、 
删除 ,改动 结 点 中 的 子 结 点 ) 时 ,这 些 改变 将 会 自动 地 反映 到 NodeList 对 象 中 ,而 不 需 DOM 
应 用 程序 再 做 其 他 额外 的 操作 。 

NodeList 中 的 每 个 item 都 可 以 通过 一 个 索引 来 访问 ,该 索引 值 从 0 开始 。 
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@ 名 字 空 间 (NamedNodeMap) 对 象 : 包含 了 可 以 通过 名 字 来 访问 的 一 组 结 点 的 集合 。 
但 是 ,和 NodeList 对 象 不 同 ,NamedNodeMap 所 包含 的 结 点 集中 的 结 点 是 无 序 的 。 尽 管 这 
些 结 点 也 可 以 通过 索引 来 进行 访问 ,但 这 只 是 提供 了 枚 举 NamedNodeMap 中 所 包含 结 点 的 一 
种 简单 方法 ,并 不 表明 在 DOM 规范 中 为 NamedNodeMap 中 的 结 点 规定 了 一 种 排列 顺序 。 

NamedNodeMap 表示 的 是 一 组 结 点 和 其 唯一 名 字 的 一 一 对 应 关系 ,这 个 接口 主要 用 在 
属性 结 点 的 表示 上 。 与 NodeList 相同 ,在 DOM 中 ,NamedNodeMap 对 象 也 是 “live” 的 。 

(4) XML DOM 对 象 的 属性 和 方法 

DOM 模型 中 的 对 象 都 有 各 自 的 属性 集 和 方法 集 。 通 过 对 象 的 属性 和 方法 ,用 户 可 以 
操作 XML 文档 数据 。 下 面 介绍 Document, Node 和 NodeList 三 种 对 象 及 其 属性 和 方法 。 

(D Document 对 象 的 常用 属性 和 方法 

Document 对 象 的 常用 属性 有 : 

* documentElement: Element 类 型 的 只 读 属 性 ,返回 文档 的 根 结 点 对 象 。 

* async: 逻辑 类 型 的 属性 ,指定 是 否 允 许 同步 下 载 文件 。 

。 parseError: 返回 解析 错误 对 象 。 

Document 对 象 的 常用 方法 有 : 
loadCpathname) : 把 文件 加 载 到 文档 对 象 。 
loadMXL(string) : 加 载 XML 文档 或 段 。 
createAttribute(name) : 创建 属性 方法 。 
createNode( Type, Name, namespace URI); 创建 一 个 类 型 为 Type, 名 称 为 Name, 并 


&. 


且 使 用 namespaceURI 作为 名 称 空间 的 结 点 
文档 对 象 还 有 一 些 很 有 用 的 属性 和 方法 , 因 篇 幅 所 限 不 再 列 出 ,可 从 相关 的 书籍 中 查 到 。 
© Node 对 象 的 常用 属性 和 方法 
Node 对 象 的 常用 属性 见 表 3-7 。 


表 3-7 Node 对象 常 用 属性 


属性 名 意 s 属性 名 意 x 
atrribute 结 点 的 属性 集 nextSibling 当前 结 点 的 下 一 个 兄弟 结 点 
childNodes 当前 结 点 所 有 子 结 点 的 NodeList nodeName 结 点 名 
dataType 设置 或 获得 结 点 数据 的 类 型 nodeType 结 点 类 型 
firstChild 当前 结 点 的 首 子 结 点 parentNode 父 结 点 对 象 
lastChild 当前 结 点 的 末 子 结 点 text 设置 或 获得 结 点 文本 
nameSpace 返回 名 称 空间 的 URI xml 返回 指定 结 点 的 XML 表示 


Node 对 象 的 常用 方法 见 表 3-8。 
表 3-8 Node 对 象 常用 方法 


方法 名 功 能 方法 名 功 能 
appendChild 添加 新 结 点 removeChild 删除 子 结 点 
cloneNode 复制 结 点 TeplaceChild 替换 结 点 
hasChildNodes 当前 结 点 是 否 有 子 结 点 selectNodes 选择 结 点 列表 及 其 后 代 
insertBefore 插入 结 点 selectSingleNode 选择 结 点 及 其 后 代 


parsed 结 点 是 否 被 解析 
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O NodeList 对 象 的 属性 和 方法 

NodeList 实际 上 是 一 个 结 点 对 象 列表 , 它 只 有 一 个 Length 属性 ,其 值 为 对 象 中 包含 结 
点 的 个 数 。 方 法 有 : item(Index) .nextNode() 和 reset() 三 个 ,详细 介绍 略 。 

【 例 3-16】 对 XML 文档 *book. xml”, 在 HTML 中 通过 DOM 模型 将 各 本 书 的 书 名 加 
到 一 个 列表 控件 中 , 单 击 列表 控件 中 的 书 名 ,显示 该 书 数据 。 

清单 1: book. xml 文档 内 容 


<7? xml version = "1.0" encoding = "gb2312" ? > 
nb dnd 
<#> 
<BA>EMRXL</BE> 
去 作者 二 罗贯中 二 /作者 二 
去 故事 梗概 二 略 … 王 /故事 梗概 二 
</#> 
<#> 
二 书 名 二 西游 记 二 / 书 名 
二 作者 二 吴承恩 /作者 二 
二 故事 梗概 二 略 … 一 /故事 梗概 二 
ber» 
<#> 
ÓBADEBMT I5. 
a£" mH 
CREME Re / MORERBEBET 
x 
<#> 
二 书 名 水浒 传 过 / 书 名 二 
<HR> Wit e fe 
<A RERED Wi / OREBEORCÓ 
</> 
nm dts d 


清单 2: book. htm 文档 内 容 


<html> 

<head> 

<title>The Chinese famous book< /title> 

<script language = "JavaScript"> 

function selectbook(i) 

( 
booknode = root. childNodes. item( i); 
booktitle. innerText = booknode. childNodes. item(0). text; 
bookauthor. innerText = booknode. childNodes. item(1).text; 
bookbrief.value = booknode. childNodes. item(2).text; 

} 

</script> 

</head> 


<body> 
<hl align= "center" ><font size = "5" color = " # 0000FF"> p Ht Jl X — / font — /h17 
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<center> 
<table border = "1" width= "400" bgcolor = " # CCFFCC" > 
<tr> 
<td width = "100" height = "30" align= "center" > $ 名 一 /td 
<td width = "270" height = "30" align = "center" > [ij € p fH </td> 
</tr> 
<tr> 
<td width= "100" valign = "top" align= "left" > 
<select size = "4" id- "D1" onChange = "selectbook(D1. selectedIndex)"> 
<script language = "JavaScript" > 
var mybook = new ActiveXObject("Microsoft. XMLDOM") ; 
mybook. async = false; 
nybook. load("book. xml") ; 
root - mybook. documentElement; 
for (var i- 0; i<root.childNodes. length; i++) 
{ 
booknode = root. childNodes. item(i); 
al = booknode. childNodes. item(0). text; 
document. write(" OPTION"); 
document. write(al); 
document. writeln("< /OPTION>"); 
</script> 
</select> 
</td> 
<td width = "270" align- "left"— 
<ul><1i> 书 名 : <span id= "booktitle" ></span></li> 
<li> M#: <span id = "bookauthor" ></span> </li> 
<li> hE: </li> 
< textarea rows = "4" name = "bookbrief" cols = "30">< /textarea> 
</u> 
</td> 
Ite 
</table> 
</center> 
</body> 
</html> 


在 上 述 book. htm 代码 中 ,一 span id=" booktitle" ></span> fll — span id — " bookauthor" > 
去 /span> 起 一 个 占 位 符 的 作用 ,以 便 通 过 程序 可 以 修改 该 处 的 显示 内 容 。 保 存 文件 ,在 浏 
览 器 中 打开 以 上 book. htm 文档 ,可 以 看 到 显示 的 页 面 , 当 点 击 左 侧 列表 控件 中 的 书 名 时 ， 
在 右 侧 的 列表 中 可 以 显示 出 该 书 的 所 有 数据 ,文档 book. htm 在 I 下 浏览 器 中 的 显示 结果 如 
图 3-17 所 示 。 

不 是 所 有 的 浏览 器 均 支 持 Microsoft. XMLDOM Firefox 浏览 器 将 不 能 显示 上 述 页 面 。 
最 后 我 们 对 这 个 例子 做 一 个 总 结 ,通过 上 面 的 这 个 例子 ,我 们 可 以 看 出 XML 文档 是 对 数据 
的 一 种 描述 ,是 存储 数据 的 一 种 形式 ,而 HTML 文档 的 重点 在 于 展示 数据 ,理解 这 一 点 对 
于 理解 XML 是 非常 重要 的 。 
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F Ihe Chinese famous book — Microsoft Internet Explorer 


Xt) SED SEV KAW IAW Who 
Oo NAG x» ka @ 3-3 
E] x: rbi radi SiB 第 2 版) 举例 \book htm | 


中 国 古典 名 著 
BENA 


。 书 名 ， 三 国 演义 
罗贯中 


图 3-17 应 用 DOM 对 象 示例 


2. XML 简单 应 用 程序 接口 SAX 


XML 简单 应 用 程序 接口 (Simple APIs for XML,SAX) 与 DOM 不 同 , SAX 提供 的 访 
问 模式 是 一 种 顺序 模式 ,这 是 一 种 快速 读 写 XML 数据 的 方式 。 当 使 用 SAX 分 析 器 对 
XML 文档 进行 分 析 时 ,会 触发 一 系列 事件 ,并 激活 相应 的 事件 处 理 函 数 ,应 用 程序 通过 这 
些 事件 处 理 函 数 实 现 对 XML 文档 的 访问 ,因而 SAX 接口 也 被 称 作 事件 驱动 接口 。 

SAX 分 析 器 在 对 XML 文档 进行 分 析 时 ,会 触发 一 系列 事件 ,由 于 事件 触发 本 身 是 有 时 
序 性 的 ,因此 ,SAX 提供 的 是 一 种 顺序 访问 机 制 , 对 于 已 经 分 析 过 的 部 分 ,不 能 再 倒 回 去 重 
新 处 理 。SAX 分 析 器 在 实现 时 , 它 只 是 顺序 地 检查 XML 文档 中 的 字 节 流 ,判断 当前 字 节 是 
XML 语法 中 的 哪 一 部 分 ,是 否 符合 XML 语法 ,然后 再 触发 相应 的 事件 ,而 事件 处 理 函 数 本 


身 则 要 由 应 用 程序 自己 来 实现 。 同 DOM 分 析 器 相 E 

比 ,SAX 分 析 器 缺乏 灵活 性 。 然 而 ,由 于 SAX 分 析 ey 

器 实现 简单 ,对 内 存 要 求 比较 低 ,因此 实现 效率 比较 l 人 

高 ,对 于 那些 只 需要 访问 XML 文档 中 的 数据 而 不 对 

文档 进行 更 改 的 应 用 程序 来 说 , SAX 分 析 器 更 为 = 

. NS Handler 

SAX 分 析 器 的 基本 构成 框架 如 图 3-18 所 示 。 [| SAX p 
SAXParserFactory 用 来 生成 一 个 分 析 器 实例 。 ^ DTD 

XML 文档 从 左 侧 箭头 所 示 处 读 和 人 , 当 分 析 器 对 文档 进 

行 分 析 时 ,会 触发 在 DocumentHandler, Error Handler , 1 

DTDHandler 以 及 EntityResolver 接口 中 定义 的 回 Rand 

调 方法 。 用 户 通 过 编写 各 事件 处 理 函 数 实 现 对 文档 | 


的 访问 处 理 , 详 细 介绍 请 参考 其 他 专门 教材 。 图 3-18 SAX 分 析 器 的 基本 构成 框架 
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34 XML 开发 环境 XMLSpy 


XML 文档 是 一 种 纯 文本 文档 ,我 们 可 以 用 “记事 本 ”、UltraEdit 等 文本 编辑 软件 来 编 
辑 , 但 是 非常 麻烦 。Altova XMLSpy 是 一 个 可 视 化 的 XML 编辑 和 开发 环境 ,专门 用 于 设 
计 、 编 辑 和 调试 企业 级 的 基于 XML 技术 的 应 用 ,包括 XML, XML Schema、XSL/XSLT、 
SOAP, WSDL 和 互联 网 服务 技术 ,同时 也 是 J2EE.NET 和 数据 库 开 发 人 员 不 可 缺少 的 高 
性 能 的 开发 工具 ,可 以 大 大 提高 应 用 系统 的 开发 效率 。 


34.1 XMLSpy 简介 


Altova XMLSpy 是 工业 标准 的 XML 开发 环境 ,XMLSpy 支持 下 列 功能 : 

(1) 创建 并 编辑 XML 实例 文档 。 

(2) DTD 编辑 。 

(3) XML Schema 开发 。 

(4) WSDL 开发 。 

(5) SOAP 开发 和 调试 。 

(6) XSLT 开发 和 调试 。 

(7) XPath 开发 。 

(8) XQuery 开发 和 调试 。 

(9) 数据 库 交 互 。 

(10) Web 服务 开发 。 

(11) Java/C#/C++ 代 码 生 成 。 

(12) VS. NET 和 Eclipse 集成 。 

(13) 工程 管理 。 

Altova XMLSpy 有 多 个 不 同 的 版 本 ,其 最 新 版 为 Altova XMLSpy 2008 ,分 为 企业 版 和 
专业 版 两 种 版 本 。 专 业 版 提供 一 个 XML 开发 环境 ,包括 XML 文档 编辑 ,架构 设计 ,文件 转 
换 与 调试 。 支 持 XSLT、XQuery、Databases、VS. NET 和 Eclipse 的 集成 等 。 企 业 版 还 具有 
自动 代码 生成 ,支持 Web 服务 等 功能 。 

关于 Altova XMLSpy 的 详细 信息 请 参考 其 官方 网 站 : http://www. xmlspy. com/ ,可 
以 下 载 软件 试用 版 。 本 书 将 以 Altova XMLSpy 2006 企业 版 中 文 版 为 例 , 简 要 介绍 
XMLSpy 的 使 用 方法 。 
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首先 安装 XMLSpy 2006 企业 版 ,运行 XMLSpy, 显 示 XMLSpy 2006 企业 版 主 界面 ,如 
图 3-19 所 示 。 

XMLSpy 支持 XML,XSL,XSLT,DTD, Schema 等 多 种 文件 格式 的 编辑 器 。 它 可 以 将 
XML 展示 为 完美 的 树 形 结构 ,可 以 方便 地 使 用 各 种 HTML/XML/XSLT 标记 ,使 用 它 可 
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B Altova XMLSpy - [无 标题 1.xsd] „ioj xi 
i) O RRO SEO M  DTD/Schema(D) Schema 设计 (xs5UxQuery(Q) EWN FAO 
^ AEO MESO W5DL(5) soo) 工具 (D 窗口 (w) WEH -8x 


DISSA HUFS eA clA ADR Ayl 


mml versionz"1.0^ encoding: UTF-8°7> 
B &s:schbma xmlns:xs=” 
http://www. v3. org/2001/XMLSchema” 
slenentFornDefault-"qualified" attributeForaDefault 
D'uquilifiet 
9 s:elenent name=” 
ENTER NAME OP ROOT ELEMENT XERE") 
$ | Gs:anotation? 
js: docuentation?Comment describing 
your root element(/zs:docunentation? 
F^ L, Qxs:annotetion) 
xs: element) 
I xs: schena? 


(Bj SOAP Debugger 


(Bj "SIL Editor 
国 IndustryStandards y 


men p» 


XMLSpy v2006 U 注册 给 any (any) ©1998-2005 Akova GmbH 行 2, 列 6 CAP NUM SCRL 4| 


图 3-19 XMLSpy 2006 企业 版 中 文 主 界面 


以 大 大 节约 开发 时 间 , 不 必 把 大 量 的 时 间 浪 费 在 代码 的 输入 上 。 下 面 通过 一 个 存储 电影 信 
息 的 实例 来 学 习 XMLSpy 的 简单 使 用 方法 。 

首先 ,设计 三 个 文件 : films. xml, film. dtd 和 film. xslt。films. xml 负责 存储 具体 电影 
内 容 数 据 ,film. dtd 负责 对 films. xml 的 验证 ,而 film. xslt 则 负责 对 films. xml 进行 样式 变 
换 , 确 定 它 在 浏览 器 里 的 最 终 显 示 效 果 。 

(1) film. dtd 代码 清单 


<?xml version = "1.0" encoding = "GB2312"? > 
< | ELEMENT movies (id, name, time) — 

<! ATTLIST movies type CDATA # REQUIRED— 

< | ELEMENT id ( € PCDATA)— 

< | ELEMENT name ( # PCDATA) > 

< | ELEMENT time ( # PCDATA)> 


(2) film. xslt 代码 清单 


<?xml version = "1.0" encoding = "gb2312"? > 

<xsl;stylesheet version = "1.0" xmlns;xsl- "http://www. w3. org/1999/XSL/Transform" > 
xsl:output method = "xml" version = "1.0" encoding = "GB2312" indent = "yes"/> 
<xsl:template match = "/"> 

<html> 

<head> 

«title fH xslt RØ</title> 

</head> 

<body> 

—xsl;apply- templates >< /xsl;apply - templates > 

</body> 
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</html> 

</xsl:template> 

<xsl;template match = "movies"> 

<p align = center> JA (fl [V X& E — / p> 

<table border = "1" width = "400" bgcolor = " # CCFFCC"— 

<tr> 

<td> </td> 

去 td 一 时间 志 /td 

</tr> 

xt 

td «xsl,value- of select = "name" 7 — /xsl;value - of ></td> 
— td -xsl;value- of select = "time" >< /xsl;value- of ></td> 
</tr> 

</table> 

</xsl;template> 

</xsl:stylesheet> 


(3) films. xml 代码 清单 


<?xml version = "1.0" encoding = "GB2312"? > 

— | DOCTYPE movies SYSTEM "film. dtd"> 

<?xml - stylesheet type = "text/xsl" href = "film. xslt"? > 
<movies type = "RRE" > 

<id>1</id> 

<name> £I ift 3t — /name> 

—time-1987-— /time- 

— [movies 


1. 使 用 XMLSpy 建立 saveitdtd 文档 


(1) 建立 根 结 点 movies 


选择 菜单 “文件 /新 建 …” 命 令 , 打 开 “ 创 建新 文档 ”对 话 框 ,如 图 3-20 所 示 。 


[rz Ab xl 

选择 你 要 自 娃 的 文档 类 型 ; 
asp Active Server Page al 
[biz BizTalk Schema 
ml Chemical Markup Language 
ess 层 查 样 式 表 文 档 
dcd Document Content Description 
ent External Entity 
£o Formatting Objects 
[htm HINL Document 
|htal HTML Document 
jsp JavaServer Page 

ath Mathematical Markup Language 

媒体 目录 文件 E 


3-20 XMLSpy“ 创 建新 文档 ”对 话 框 


在 创建 文档 类 型 列表 中 ,选择 “dtd Document Tpye Definition” 文 件 类 型 ,创建 一 个 空 的 


DTD 文档 并 在 编辑 区 打开 ,如 图 3-21 所 示 。 
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2 <IELENENT ENTER NAME OF ROOT ELEMENT ERE EMPTY> 
Exemples 3 

(Bl Org-Chart 

m- Expense Report 

(Bj International 

(Bj Purchase Order 

(gj SOAP Debugger 

由 - 国 YSDL Editor 

H-B IndustryStandards y 

a Simm pf 
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实体 ax 
[ 3x ee | 浏览 器 
加 无 标题 Ldtd 4b 
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3-21 dtd 文档 编辑 界面 


修改 编码 方式 项 enconding 默认 值 UTF-8 ,将 其 改 为 GB2312。 
在 编辑 区 ,选择 “ 栅 格 ”, 在 EIM 处 双击 ,输入 movies。 完 成 后 如 图 3-22 所 示 。 


B Altova XMLSpy - [无 标题 1.dtd *] ini xi 
文件 (E) WMO HEE XMLA)  DTD/Schema(D) Schema i&it(M)  XsuXQuerv(Q) 直观 视图 (名 
* HAO ”视图 (W 浏览 器 (6) ws) SOAP(O) IAD SOW fo) -8x 
iD HJ S taelo AAD] E B: B 
方案 ax IML s] ZR ax 
= version 1.0 
Eaa E: e ES RE 
iB Ore Chert = encoding Em AFEMATA and any o. 
Basko || aa Be sermone nf 
International 
Purchase Order 
SOAP Debugger wi 
z 
信息 ax 属性 ax 
ss == sse Fa Et 
文本 [ WE | 浏览 器 | 
名 无 标 是 1.dtd 4b 
XMLSpy v2006 U 注册 给 any (any) ©1998-2005 Altova GmbH 412, 9424 CAP NUM SCRL /4 


3-22 did 文档 编辑 界面 栅 格 视图 


保持 EIM movies 的 选中 状态 ,双击 右 侧 Elements 框 里 的 sequence of ,结果 如 图 3-23 
所 示 。 
这 样 根 结 点 movies 就 建立 完毕 了 。 
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E Altova XMLSpy - [无 标题 1.dtd *] .lni xl 
XO WKO HRE XMLA)  DTD/Schema(D) Schema 设计 (M)  xsuXQuerv(Q) ENNEA 


PAO NEV 浏览 器 (B) WsDLG) SOAP(O) 工具 (D SOW TEC) -8x 
DISSA HT S raeno AA diim E i 
m rmm 
= version 1.0 
] encoding GB2312 t 


[i movies seguence of  — < — — 


B] Purchase Order 
SOAP Debugger 


[Em efa a| 
CE — NI 
«| sf 实体 nx 
文本 [WA | suom 
国 无 标题 L.dtd db 
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图 3-23 根 结 点 sequence 属性 


(2) 为 根 结 点 movies 添加 子 结 点 id name, time 及 属性 type 

在 movies sequence of [- fi d BUR ,在 快捷 菜单 中 ,执行 “添加 子 结 点 /元 素 " 命 令 ,为 其 
增加 三 个 子 结 点 。 

再 次 在 movies sequence of 上 右 击 鼠标 ,执行 “添加 /元 素 列表 ”命令 ,设置 其 名 称 为 
movies, 设 置 Name 为 type. i£ ft. Type 为 CDATA( 从 元 素 列 表 中 选择 ) ,设置 Presence 为 
# REQUIRED( 从 元 素 列表 中 选择 )。 如 图 3-24 所 示 。 


EWL 
] = version 1.0 


= encoding eb2312 


attribute list 
mg [E 7 4 Mt Values fr Presence fW PEU 
1 Type CDATA SREQUIRED 


图 3-24 为 容器 元 素 类 型 添加 子 元 素 和 属性 


(3) 建立 子 结 点 id name, time 
在 movies sequence of 上 右 击 鼠标 ,选择 * 添 加/ 元素 ”命令 ,增加 三 个 结 点 ,数据 类 型 全 
部 设 为 PCDATA。 如 图 3-25 所 示 。 
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= version 10 
= encoding ab2312 
a Seguente oF 


EO me 


movies attribute list 

] [97 3 MBE ju Values RU fresence Au WH 
1 Type CDATA REQUIRED 

Emid BFCDATA 

Fi» nane BFCDATA 

En tine BFCDATA 


Fs 
文本 [WE | UEM | 
留 无 标题 dtd | 4 


b 
图 3-25 ”添加 简单 元 素 


这 样 DTD 文档 就 建立 好 了 。 
执行 “文件 /保存 ”命令 ,将 文件 命名 为 saveit. dtd .保存 到 d:\xmlspy 目录 下 。 
在 文本 视图 下 可 以 查看 编辑 所 得 到 的 源 代码 ,如 图 3-26 所 示 。 


=ioixi 
" MD r7] p XM) DIb/Schema() Schema iie) XSUjxQuery(Q) 直观 视图 人 
; RRO 视图 W) WARO wsoLG) SoD 工具 (D SOW WHO) -8x 
inissmigi& taoca ies] | Fd pe | | 


1.07 encoding- 


Type CDATA SREQUIRED 


CIELEMENT id (#PCDATA)> 
<IELEMENT name (#PCDATA)> 
XIELEMENT time (#PCDATA)> 


ELLIT 


Ez 
《| “| >| BEESidta 
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图 3-26 ”编辑 完成 后 生成 的 dtd 代码 


2. 使 用 XMLSpy 建立 filmxsit 5r £i 


CD 选择 菜单 “文件 /新 建 …” 命 令 , 打 开 “ 创 建新 文档 ”对 话 框 ,选择 里 面 最 后 一 项 xslt 
(Extensible Stylesheet Language) 项 ,建立 的 新 XSLT 文件 如 图 3-27 所 示 。 

此 时 XMLSpy 会 将 视图 自动 转 到 代码 编辑 视图 下 ,因为 直接 编辑 XSLT 更 为 方便 一 
些 。 将 其 编码 方式 改 为 GB2312。 


(2) 其 余 的 代码 可 以 通过 图 3-28 所 示 的 “元 素 " 面 板 方便 地 添加 到 编辑 区 中 。 
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Altova XMLSpy - [无 标题 4.xslt] lolx 
XO AC) HRE XM) DTD/Schema(D) schema 设计 (W) ”xsUxQuery(Q) 直观 视图 他 
PAO ”视图 (WW) 浏览 器 (6) WUS Soa) IAD SOW WOO) -8x 


AA e E EET E E a Em 


<?xml version-"1.07 encoding- JIF-8 7» 
E &sl:stylssheet version-"1.0" zmlns:xsl-" 
http://www. w3. org/1999/XSL/Trasforn^) 
xsl:»utput method-"xal" version-"1.0" encoding 
VIF-8" inient-"yes"/? 
- (xxl: stylesheet? 
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图 3-27 编辑 XSLT 文档 


Tum] versionz"| Ü" encoding: GE2312 775 
Ẹ &sl:stylesheet. versionz^l.Ü" xwlns:xsle^ 
http://www. v3. org/1999/XSL/Transforn^ > 
sli output method-^xml" version="1.0" encodinge" gh2312* 
indentz^yes"/. 
Ò — <xsl:tenplate natchz"/*» 
htnl> 


head> - 
pO Gin effixslonDIC ti de» 
</head> 
hody> 

sl: apply-teaplates/? 


teh="movies"> 
enter”> 观 例 代表 作 </p> 
r="1" width="400" bgcolor="#CCFFCC"> 


| Csl:value-of selectz"time"/? 
Su» 


| i vw 

| que 

</xsl:template> 
L «fasl: stylesheet) 


Æ 3-28 XSLT Xf 


添加 完毕 ,设置 相应 的 结 点 为 各 元 素 的 属性 值 即 可 完成 XSLT 文档 的 编写 。 执 行文 
件 / 保 存 ” 命 令 ,保存 到 d:\:xmlspy 目录 下 ,文件 名 为 film. xslt。 


3. 使 用 XMLSpy 建立 flmsxml 文档 


CD 选择 菜单 “文件 /新 建 …” 命 令 , 打 开 “ 创 建新 文档 ”对 话 框 ,选择 里 面 的 xml XML 
Document) ,此 时 会 弹出 一 个 对 话 框 ,要 求 选择 XML 文档 的 验证 方式 是 DTD 还 是 Schema， 
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如 图 3-29 所 示 。 
axi 
如 果 你 想 基于 某 个 schema 或 DTD 来 创建 一 个 新 的 XML 文档 
的 话 ， AE E DAER 在 这 种 情况 下 请 
取消 
c 


C Schema 


否则 请 单 击 * 职 消 “ 控 钮 来 以 空 文档 开始 。 


图 3-29 选择 验证 类 型 


选择 DTD 验证 方式 , 单 击 “ 确 定 ” 按 钮 ,然后 选择 刚刚 创建 的 film. dtd 作为 其 验证 文 
档 , 单 击 “ 确 定 ” 按 钮 。 

(2) XMLSpy 将 自动 建立 一 个 符合 film. dtd 验证 的 XML 空白 文档 。 填 人 内 容 数 据 。 
将 编码 方式 项 enconding 更 改 为 GB2312。 

如 果 使 用 的 是 汉化 版 XMLSpy, 可 能 因为 汉化 导致 一 些 字符 串 解 析出 现 问题 , 比如 
"SYSTEM 解析 成 系统 ”, 从 而 导致 系统 提示 “该 文件 不 具有 良好 格式 : DOCTYPE-ExternalID 
的 名 称 必须 既是 SYSTEM. X € PUBLIC”。 如 图 3-30 所 示 。 


zigixl 
id ch) 编辑 日 JRO XM  DTD/Schema(Q) Schema 设计 (MW) XsLjXQuery(Q) 直观 视图 他 


^ RAO ”视图 (W MAHEO WSUS) soa) 工具 (D SOW WHO) -8x 
MENN eu MAEL TEAT. E L AEA El ida B 


Cxnl-stylesheet type= text, 
href=°D 全 xt 
日 movies type= ME» 
Soriano 
im. 


ARR du 


1 
2 
3 
4 
5 
6 
7 
8 
9 

10 novies? 
n 


图 3-30 创建 XML 实例 文档 


如 果 是 英文 版 就 没有 问题 了 ,强行 保存 ,在 浏览 器 中 打开 没有 问题 。 

(3) 执行 “XSL/ 指 定 XSL” 菜 单 , 并 在 弹出 窗口 中 选择 d: NxmlspyMilm. xslt 文件 ,然后 
单 击 “确定 ?按钮 ,如 图 3-31 所 示 。 

(4) XML 文档 终于 编辑 完毕 ,存盘 到 d:\xmlspy 目录 下 ,命名 为 films. xml, 
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mr 
] = version 1.0 
= i GB2312 
C Comment SE XHLSpy v2006 V 
http: Jm Fs con) Hi any (any) 
C Comment 编辑 使 用 xi 


y v2006 
Qhttp: dis Fi. com) 由 any (any) 


EG Prüa ad C070] 


(P? xal-stylesheet type=" text/zsl' 
bhref-^D: py Mila. xslt” 


1 DOCTTPE movies 


movies 
= type 代表 作 
Oia 1 
《) name TER 
Q tine 1987 


» 


chena/WSDL | 直观 | 浏览 器 | 


Be tr 4» 


图 3-31 编辑 后 的 XML 实例 文档 


4. 查看 flmsxml 显示 效果 


选择 “XSLT- 二 XSL Transformation ”或 点 击 来 直接 在 XMLSpy 中 查看 films. xml 的 最 
终 显示 效果 。 也 可 以 到 d:\xmlspy 目录 下 使 用 浏览 器 观看 ,但 浏览 器 必须 是 IE6 以 上 的 版 
本 。 如 果 想 输出 变换 结果 文档 ,可 以 在 XMLSpy 中 变换 后 点 击 将 结果 文档 存盘 即 可 。 

最 终 显示 效果 如 图 3-32 所 示 。 
各 使 用 xslt 示 例 - Microsoft Internet Explorer ”> 
文件 (E) ”编辑 (E) FEW ”收藏 (4) IAD MHH 


tAE- >- OAA ARR urez Que Jlr ” 
HAED) [& b:wmkpyirims xml 了 ] oss R” R ~ 
a 


巩俐 代表 作 


名 称 时 间 
Br 1987 


fg see [I | meus á 


图 3-32 films. xml 实例 文档 在 浏览 器 中 的 显示 界面 


343 系统 建 模 与 数据 验证 


XML Schema 可 以 定义 元 素 及 其 类 型 ,通过 Schema 可 以 构建 数据 模型 ,来 约束 数据 存 
储 和 交换 ,以 及 实现 数据 的 合法 性 校 验 。 我 们 可 能 注意 到 ,对 于 一 个 XML 文档 (可 以 看 作 
是 一 个 XML Schema 的 实例 ) ,即使 它 引 用 了 一 个 Schema, 当 在 浏览 器 打开 这 个 XML 文档 
时 ,其 存储 的 数据 和 Schema 不 一 致 :也 不 会 报错 ,这 似乎 不 符合 XML Schema 最 初 的 设计 
思想 。 为 什么 呢 ? 因为 浏览 器 只 检查 XML 文档 的 格式 ,并 不 进行 数据 合法 性 的 检查 。 要 
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检查 XML 文档 数据 的 合法 性 ,需要 使 用 XMLSpy。 
下 面 通过 一 个 例子 说 明 XML 文档 实例 数据 合法 性 的 检验 。 
【 例 3-17】 使 用 XML Schema 进行 系统 建 模 与 XML 文档 数据 合法 性 检验 。 
首先 看 下 面 两 段 代 码 : 
(1) 描述 一 本 书 的 XML Schema, 代 码 清单 如 下 (文件 名 : books. xsd) : 


—xsd; schema xmlns;xsd = "http; //www. w3. org/2001/XMLSchema" œ> 
<xsd:element name = "catalog" type = "CatalogData" /— 
<xsd:complexType name = "CatalogData" — 
<xsd; sequence > 
<xsd:element name = "book" type = "bookdata" minOccurs = "0" maxOccurs = "unbounded" /二 
</xsd: sequence 
< /xsd; complexType-— 
—xsd;complexType name = "bookdata" > 
—xsd: sequence 
<xsd:element name = "title" type= "xsd;string"/— 
<xsd:element name = "author" type = "xsd;string"/-— 
<xsd:element name = "price" type= "xsd:float"/> 
<xsd:element name = "description" type = "xsd;string"/-— 
<xsd:element name = "publish date" type = "xsd;date"/— 
— /xsd: sequence 
— xsd;attribute name = "id" type = "xsd:string" /二 
— /xsd:complexType—- 
— /xsd; schema 


(2) 一 个 XML 实例 文档 ,代码 清单 如 下 (文件 名 : mybooks. xmD : 


<?xml version = "1.0"? > 
<x:catalog xmlns:x = "urn:books. xsd" > 
<book id = " ISBNxxxxx" > 
<title>Web Developing Technologies Guide< /title> 
<author> Hao XW</author> 
<price>28.50< /price> 
<description —An widely in- depth look and talk on creating applications on WEB 一 / description> 
—publish date-2006 - 05 - 16— /publish date 
</book> 
</x:catalog> 


最 后 ,需要 说 明 的 是 ,XML Schema 通常 保存 的 扩展 名 是 . xsd(XML Schema Defination) 。 
使 用 XMLSpy 进行 系统 建 模 与 XML 文档 数据 合法 性 检验 过 程 如 下 : 


1. 创建 XML Schema 模式 文件 bookxsd 


在 XMLSpy 中 ,执行 “文件 /新 建 …” 菜 单 命令 ,打开 “创建 新 文档 ”对 话 框 ,从 文件 类 型 
列表 中 选择 “xsd W3C XML Schema” 文 件 类 型 ,创建 一 个 新 的 XSD 文档 。 如 图 3-33 所 示 。 

将 代码 清单 book. xsd 复制 到 编辑 区 ,或 者 按照 代码 清单 的 内 容 一 步 步 地 建立 book. 
xsd。 如 图 3-34 所 示 。 

执行 “文件 /保存 ”命令 ,将 xsd 文件 保存 到 D:\xmlspy 文件 夹 下 ,文件 名 为 book. xsd, 
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图 3-33 ”新建 XML Schema 文档 


zax 
H5] 文件 E) ”编辑 (E) 方案 (E) M) DTD/Schema(D) Schema 设计 (M) xsuXQuery(o) 直观 视图 (2) FRO NEY 
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J = type Cataloghita 

| aj xsd:complexIype 
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| aDecurs 0 
i 

| 

| 

i 

| 


ai xsd:conplexType 
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图 3-34 完成 后 的 book. xsd 文档 


2 创建 XML 实例 文档 rybooksxml 


执行 “文件 /新 建 …” 菜 单 命令 ,打开 “创建 新 文档 ”对 话 框 ,从 文件 类 型 列表 中 选择 
“XML Document” 文 件 类 型 。 弹 出 “新 建文 件 ” 对 话 框 ,如 图 3-35 所 示 。 
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EE x 


DRIEST EN tere R DID OR oe qs 
[yr dor E 


职 消 
C DTD. 
G 
理 则 请 单 击 "取消 "按钮 来 以 空 文档 开始 。 


图 3-35 选择 验证 Schema 


选择 Schema , 单 击 “确定 ?按钮 ,如 图 3-36 所 示 。 


ixi 
选择 一 个 立 件 ， ws 
[D:txmispy book. xsd 了 sn. = 
厂 使 路 径 相对 于 无 标题 19.xml mm | 


请 从 你 的 硬盘 选择 一 个 文件 或 从 当前 在 ML5py 中 打开 的 其 它 窗 口中 选择 一 个 窗口 。 


图 3-36 ”指定 模式 文件 


选择 book. xsd 模式 文档 , 单 击 “ 确 定 ” 按 钮 。 生 成 一 个 新 的 XML 文档 ,包含 代码 如 下 : 


<?xml version= "1.0" encoding = "UTF - 8"? > 
<catalog xmlns:xsi = http://www. w3. org/2001/XMLSchema - instance 
xsi:noNamespaceSchemaLocation = "D:\xmlspy\book. xsd" / 


在 XML 文档 编辑 区 ,选择 “ 栅 格 ”视图 ,如 图 3-37 所 示 。 


可 
文件 (E) 编辑 (E) ”方案 (P) xML(X)  DTD/Schema(D) Schema 设计 (M)  xsuXQuery(Q) ”直观 视图 (A) 


FAO WEEK) 浏览 器 (68) wso(s) SOAP(O) IAW 窗口 w) WB -8x 
iDEN HUFS SAna AAA] Pma B: B 
元 素 ax 

= version D book 


添加 | 插入 | 添加 子 节点 
属性 ax 


» 实体 nx 
文本 “| WERE | schena/WsIL | 直观 | 浏览 器 | es 
Ebook xsd | 名 无 标题 19xml | ao [Em [3X EmA] 
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图 3-37 新 建 XML 实例 文档 


在 右 侧 的 元 素 窗 格 中 , 单 击 * 添 加 子 结 点 ”显示 catalog 下 包含 的 元 素 ( 根 据 book. xsd 
的 定义 ) ,双击 元 素 窗 格 的 book 项 ,添加 一 个 book 元 素 , 如 图 3-38 所 示 。 
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EINED 
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图 3-38 ”增加 一 个 元 素 
单 击 “ 文 本 ”, 选 择 文本 视图 ,如 图 3-39 所 示 。 
GIy 


文件 (E) WKO FRE) XMK)  DTD/Schema(D) Schema 设 iH(M)  xsuXQuer((O) 直观 视图 (A) 
PAO NEW ME wsos) SOAP(O) IAW 窗口 (W) REO -8x 


iDimsalHge xe oclASAimxdiriqmm: B 


1 Txml versi 231: TE ax 
2 M <catalog snlns:x 

http://www w3. org/2001/XMLSchema-instance” 

xsi  noNamespaceSchenaLocati on7^2: \xnlspy\book. xsd" > 


<title/> 
< 


实体 


| 三 .> | Schena/WSDL | 直观 | 浏览 器 | EE 
book sd | 加 无 标题 20.xml T [tn et 
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图 3-39 生成 的 XML 文档 代码 


现在 我 们 尝试 修改 book 的 子 元 素 ,代码 如 下 : 


book id = "ISBNxxxxx" > 
<titleœ>Web Developing Technologies Guide< /title> 
—author-Hao XH</author> 
<priceœ>28.50</price> 
<description —An widely in- depth look and talk on creating applications on WEB 一 / description> 
< publish date>2006 - 05 - 16</publish date> 
</book> 
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然后 , 单 击 * 浏 览 器 ?按钮 ,如果 文档 检验 通过 , 则 显示 如 图 3-40 所 示 。 


Ani xi 
m XRD m p XML(X) DTD/Schema(D) Schema 设计 (M) »SuxQuerv(Q) ENNEA 
f RAO NEV 浏览 器 (8) WSLS) Soa 工具 (D BOW 帮助 -8x 


TIT ISI ICE CICLI EE Meat N EEN. 29x 


<?xml versionz"1.0" encoding-"gb2312" ?> 
- «catalog 
xmins: xsiz"http:/ /www.w3.0rg/2001/XMLSchema- 
instance" 
xsinoNamespaceSchemaLocationz"D:NxmlspyNbook.xsd'": 
- «book idz"ISBNxxxxx'^ 
«title» Web Developing Technologies 
Guide</title> 
<author>Hao XW</author> 
<price>28.50</price> 
<description>An widely in-depth look and talk 


on creating applications on 
WEB</cescription> 
«publish, cate»2006-05-16«/publish date» 
«/book» 


«/catalog» - 
D 
文本 A Se rt mm o [uS 
Ebook sd E 


完毕 行 8 列 和 NCAP NuscRL 4j 


图 3-40 ”编辑 后 的 XML 文档 


此 时 , 回 到 文本 视图 ,尝试 修改 一 price 二 28. 50 一 /price 二 中 的 数据 为 一 个 字符 串 “xxx. xx”, 然 
后 单 击 * 浏 览 器 "按钮 ,如 图 3-41 所 示 。 


站 有 
文件 (E) ”编辑 (E) 方案 P) XML(X)  DTD/Schema(D) Schema 设计 (M) xsuxQuerv(Q) ENNEA 

FAO ”视图 (W 浏览 器 (6) wsos) soaP(o IAW 窗口 (W) Rb) 
deci x83 


Tuml version- encoding: gi 
m Ccatalog xnlns:xsio http: //mwe v3. erg/2001 /MScheneinstanee” 
spaceSchenaLocati onz"): \xnlspy\book xs"? 

conor? 
Web Developing Technologies Guide(/ti 1e? 
ao XE author? 


Yorice) 
tionDAn widely in-depth Look and talk on 
creating applications on WEB(/description? 
publish date)2006-05-18 /publish date? 
t book> 
Leatalog> 


Q: ihr] 的 内 容 根据 它 的 类 型 定义 “xs: oat 是 y asar) | 实体 ax 


Emt amp * z 
HER | Shas | 直观 | 浏览 器 | gar > 

oc EAN] e» jen, s E 

XMLSpy v2006 U 注册 给 any (any) ©1998-2005 Altova GmbH 43 6, 330 CAP NUM SCRL 4| 


图 3-41 文档 内 容 不 符合 Schema 的 验证 界面 


则 系统 检测 到 过 price 之 标记 的 内 容 不 是 浮 点 数 , 即 XML 文档 数据 不 符合 XML 
Schema 中 的 元 素 类 型 定义 ,数据 无 效 。 修 改 后 , 单 击 “ 重 新 验证 ”按钮 , 则 会 显示 “该 文件 有 
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效 ”的 提示 信息 。 
35 其 他 相关 技术 


在 Web 中 ,除了 标记 语言 HTML, XML 以 外 ,还 有 一 些 其 他 的 技术 ,它们 有 着 和 
HTML 类 似 的 名 字 ,例如 DHTML、SHTML 等 。 但 是 ,它们 并 不 是 W3C 的 标记 语言 规范 ， 
只 是 一 些 与 Web 开发 相关 的 技术 或 者 说 开发 模式 。 


351 DHM 技术 


DHTML 不 是 一 种 标准 或 规范 , 它 只 是 一 种 将 目前 已 有 的 网 页 技术 .语言 标准 整合 运 
用 ,制作 出 在 下 载 后 仍然 能 实时 变换 页 面 元 素 效 果 的 网 页 的 设计 概念 。DHTML 大 致 包含 
以 下 网 页 技术 、 标 准 或 规范 : 

(1) HTML 4.0 规范 。 

(2) 客户 端 脚本 语言 CSSL (Clent-Side Scripting Language? ,主要 有 JavaScript JS), 
VBScript(VBS) ,大 多 数 的 浏览 器 都 支持 这 些 脚本 语言 。 

(3) 文档 对 象 模型 DOM Document Object Model) ,DOM 是 W3C 推广 的 Web 技术 标 
准 之 一 , 它 将 网 页 中 的 内 容 抽 象 成 对 象 , 每 个 对 象 拥 有 各 自 的 属性 (Properties)、 方 法 
(Method) 和 事件 (Events) ,可 以 通过 上 面 的 客户 端 脚本 语言 编程 控制 。 

(4) 层 秋 样式 表单 CSS 技术 ,CSS 是 HTML 的 辅助 设计 规范 ,用 来 弥补 HTML 在 排 
版 上 所 受 的 限制 导致 的 不 足 , 它 是 DOM 的 一 部 分 。 理 论 上 说 ,通过 CSSL 动态 地 改变 CSS 
属性 可 以 做 出 丰富 的 页 面 视觉 效果 。 

总 之 ,DHTML 技术 ,就 是 以 HTML 为 基础 ,运用 DOM 将 页 面 元 素 对 象 化 ,利用 
CSSL 控制 这 些 对 象 的 CSS 属性 以 达到 网 页 的 动态 视觉 效果 。 


352 SHTML 技术 


SHTML 不 是 一 种 HTML 规范 ,而 是 一 种 网 站 设计 、 开 发 与 维护 技术 ,可 以 说 成 是 一 
种 Web 服务 器 API, 其 指令 可 以 在 Web 服务 端 运行 ,以 产生 动态 的 HTML, 是 一 种 类 似 于 
ASP 的 基于 服务 器 的 网 页 制作 技术 。 

SHTML 文件 包含 服务 器 端 包 含 指令 (Server Side Include. SSD ,具有 特殊 的 SSI 文 件 
扩展 名 ,默认 扩展 名 是 . stm、. shtm 和 . shtml。 在 下 载 网 页 时 ,具有 SSI 功能 的 Web Server 
(例如 基于 UNIX 平台 的 Web 服务 器 Netscape Enterprise Server 等 均 支持 SSI 命令 ) 首 先 
扫描 SHTML 文件 ,解释 执行 其 中 的 SSI 指令 ,然后 跟 一 般 的 HTML 一 起 发 送 到 客户 端 。 

服务 器 端 包 含 类 似 于 程序 设计 中 的 常量 定义 ,可 以 使 系统 维护 更 加 方便 。 例 如 ,将 内 容 
发 送 到 浏览 器 之 前 ,可 以 使 用 SSI 包 含 时 间 / 日 期 蕉 .版 权 声明 或 供 客户 填写 并 返回 的 表单 。 
对 于 在 多 个 文件 中 重复 出 现 的 文本 或 图 形 ,使 用 包含 文件 是 一 种 简便 的 方法 。 将 内 容 存 人 
一 个 包含 文件 中 即 可 ,而 不 必 将 内 容 输入 所 有 文件 ,对 内 容 的 所 有 更 改 只 需 在 一 个 地 方 即 可 
完成 。 


#3% ”HTML 和 XML 基础 


服务 器 端 包含 可 以 使 网 站 维护 更 简单 ,可 以 定义 一 些 相 对 稳定 的 页 面 模板 ,通过 服务 端 
包含 指令 ,引入 具体 的 内 容 , 自 动 生成 网 页 ,而 不 需 修改 网 站 目录 结构 。 使 用 服务 器 端 包含 ， 
可 以 使 页 面 更 新 容易 ,例如 批量 更 新 banner ,版 权 等 信息 ,从 而 提高 网 站 的 维护 效率 。 


思 考 题 


1. 什么 是 HTML? 简 述 HTML 文档 的 基本 结构 。 

2. HTML 文档 可 分 成 文档 内 容 和 标记 两 个 部 分 ,关于 文档 标记 ,回答 下 列 问题 : 

CD 标记 一 个 图 片 的 标记 是 什么 ?该 标记 有 哪些 常用 的 属性 ? 说 明 每 个 属性 的 含义 。 

(2) 标记 一 个 超 链 接 的 标记 是 什么 ?该 标记 都 有 哪些 属性 ?说 明 每 个 属性 的 含义 。 

3. 在 HTML 中 ,如 果 要 改变 标记 的 默认 显示 样式 ,有 哪些 方法 ? 

4. 在 HTML 中 ,使 用 二 input type= "file" 二 上 传 文件 ,如 何 设置 文件 在 服务 器 上 的 存 
储 路 径 ? 
. FAEERE CSS? 使 用 CSS 有 什么 好 处 ? 
. XML 与 HTML 相 比 有 什么 本 质 不 同 ? 
. 一 个 XML 文档 有 哪 几 个 组 成 部 分 ? 简 述 每 一 部 分 的 功能 。 
. 在 XML 文档 中 ,文档 类 型 定义 DTD 和 文档 架构 的 目的 是 什么 ? 
.编写 关于 客户 资料 的 Schema, 用 XMLSpy 检验 编写 的 XML 文件 的 有 效 性 。 

10. 对 于 XML 中 的 名 称 空间 ,回答 下 列 问题 : 

(1) 什么 是 XML 名 称 空间 ? 

(2) f£ XSL, Xpath, Xlink 等 语言 规范 中 ,都 分 别 指定 了 一 个 名 称 空间 超 链 接 ,是 否 意 
味 着 名 称 空间 都 对 应 一 个 网 址 ? 要 使 用 名 称 空间 ,必须 要 在 线 连接 吗 ? 

11. XML 技术 实现 了 数据 和 显示 的 分 离 , 关 于 XML 文档 内 容 的 显示 ,回答 下 列 问题 : 

(1) 如 果 不 声明 XML 文档 的 显示 样式 ,在 浏览 器 中 加 载 一 个 XML 文档 时 ,显示 的 结 
果 是 什么 ? 

(2) XML 文档 树 显示 了 文档 数据 的 结构 ,如 何 进行 XML 文档 的 格式 化 显示 ? 

12. f£ XML 技术 中 ,相关 的 规范 和 标准 较 多 ,回答 下 列 问题 : 

COD 什么 是 XSL? XSL 和 XML 是 一 种 什么 样 的 关系 ? 

(2) XPath,Xquery,Xlink 以 及 Xpointer 等 规范 分 别 是 什么 意思 ? 它们 和 KML, XSL 
有 什么 关系 ? 

13. 有 一 个 网 上 购物 站 点 ,针对 图 书 类 商品 ,包含 下 列 信息 : 封面 图 片 . 书 名 、 作 者 、 出 
版 社 .出 版 日 期 、 价 格 , 要 求 : 

(1) 编写 一 个 XML 文档 ,来 描述 图 书 类 商品 ,要 求 对 于 “封面 图 片 ” 应 定义 一 个 图 片 超 
链接 元 素 。 

(2) 编写 对 应 的 KSL 文件 ,完成 图 书 XML 文档 的 显示 。 

14. 关于 XML 文档 对 象 模型 DOM ,回答 下 列 问 题 : 

(1) Document 对 象 有 哪些 常用 的 属性 和 方法 ? 

(2) Node 对 象 有 哪些 常用 的 属性 和 方法 ? 

15. Altova XMLSpy 是 一 个 什么 样 的 软件 ? 具有 哪些 典型 功能 ? 
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网 页 设计 与 制作 


在 互联 网 中 ,网 页 是 用 户 和 Web 的 主要 界面 ,用 户 通过 网 页 来 进行 信息 浏览 和 实现 与 
Web 应 用 的 交互 。 从 本 质 上 讲 , 网 页 是 存储 在 Web 服务 器 上 的 一 个 个 HTML JSP、ASP、 
PHP 等 各 种 类 型 的 文档 在 浏览 器 中 的 显示 ,一 个 Web 应 用 或 者 一 个 网 站 是 由 大 量 的 网 页 
构成 的 。 

和 传统 的 软件 系统 相 比 ,Web 应 用 (网 站 ) 不 是 基于 菜单 命令 ,而 是 通过 页 面 间 的 超 链 
接 表达 和 实现 业务 逻辑 。 相 对 于 传统 软件 中 的 菜单 命令 , Web 中 页 面 之 间 的 超 链 接 设计 更 
加 灵活 ,页 面 不 需要 编译 ,这 增加 了 Web 应 用 设计 、 开 发 和 运行 的 灵活 性 。 此 外 ,网 页 作为 
Web 应 用 的 用 户 界面 ,更 多 地 强调 了 它 的 艺术 性 效果 ,追求 用 户 体 验 ,这 使 得 Web 应 用 的 
设计 融入 了 更 多 非 技 术 的 要 素 , 网 页 设计 成 为 Web 设计 的 主要 内 容 。 


41 网 页 设计 基础 


和 传统 的 程序 界面 不 同 ,网 页 是 内 容 和 艺术 的 综合 体 。 网 页 在 实现 Web 应 用 系统 功能 
的 同时 ,表现 出 更 大 的 灵活 性 、 随 意 性 和 艺术 性 。Web 开发 团队 的 人 员 也 更 加 多 样 , 除 了 传 
统 的 系统 设计 人 员 代码 开发 人 员外 ,开始 出 现 了 美工 人 员 , Web 设计 已 经 越 来 越 明显 地 分 
成 面向 业务 逻辑 的 功能 性 设计 (交互 设计 ) 和 面向 用 户 体验 的 视觉 设计 两 个 不 同 的 层面 。 


41.1 页 面 功 能 与 内 容 设 计 


在 Web 应 用 或 Web 站 点 中 ,所 有 的 信息 和 业务 逻辑 都 通过 网 页 来 实现 。 页 面 作为 用 
户 和 Web 的 界面 ,页 面 的 功能 首先 是 一 种 交互 功能 。 因 为 一 个 Web 站 点 通常 由 大 量 的 页 
面 文件 构成 ,因此 对 页 面 的 功能 划分 、 存 储 和 组 织 应 按照 软件 系统 分 析 、 设 计 和 开发 相关 的 
方法 和 模式 进行 ,包括 生命 周期 法 、 原 型 法 和 MVC 设计 模式 等 。 

综合 利用 生命 周期 法 、 原 型 法 和 MVC 设计 模式 ,对 整个 Web 站 点 进行 系统 分 析 和 功 
能 设计 ,然后 规划 文件 夹 结构 ,数据库 以 及 页 面 。 和 传统 的 软件 系统 开发 相 比 ,Web 站 点 中 
的 一 个 页 面 ,类 似 于 传统 软件 系统 中 的 一 个 函数 文件 ,只 是 页 面 之 间 的 调用 是 通过 超 链 接 ， 
或 者 页 面 中 包含 的 表单 的 action 属性 完成 的 ,而 不 是 传统 C 中 的 函数 调用 。 

在 Web 开发 中 ,模型 一 视图 一 控制 器 (Model-View-Controller, MVC) 设 计 模 式 是 一 种 
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比较 流行 的 设计 模式 。MVC 是 Xerox PARC 在 20 世纪 80 年 代为 编程 语言 Smalltalk 一 80 
发 明 的 一 种 软件 设计 模式 ,其 核心 思想 是 在 系统 开发 中 把 商业 逻辑 .界面 显示 和 数据 进行 分 
离 ,强制 性 地 使 应 用 程序 的 输入 、 处 理 和 输出 分 开 , 分 成 相对 独立 而 又 能 协同 工作 的 3 个 组 
成 部 分 : 模型 (Model) .视图 (View) ,控制 器 (Controller) ,它们 各 自 处 理 自己 的 任务 。 

模型 表示 企业 数据 和 业务 规则 ,在 MVC 的 三 个 部 件 中 ,模型 拥有 最 多 的 处 理 任 务 , 实 
现 具体 的 业务 迎 辑 ,状态 管理 的 功能 。 被 模型 返回 的 数据 是 中 立 的 ,就 是 说 模型 与 数据 格式 
无 关 , 这 样 一 个 模型 能 为 多 个 视图 提供 数据 。 由 于 应 用 于 模型 的 代码 只 需 写 一 次 就 可 以 被 
多 个 视图 重用 ,所 以 减少 了 代码 的 重复 性 。 

视图 是 用 户 看 到 并 与 之 交互 的 界面 ,通常 实现 数据 的 输入 和 输出 功能 。 

控制 器 控制 整个 业务 流程 ,实现 View 层 跟 Model 层 的 协同 工作 。 控 制 器 接受 用 户 的 
输入 并 调用 模型 和 视图 去 完成 用 户 的 需求 。 当 单 击 Web 页 面 中 的 超 链 接 和 发 送 HTML 表 
单 时 ,控制 器 本 身 不 输出 任何 东西 和 做 任何 处 理 。 它 只 是 接收 请 求 并 决定 调用 哪个 模型 构 
件 去 处 理 请 求 ,然后 确定 用 哪个 视图 来 显示 模型 处 理 返 回 的 数据 。 

根据 MVC 设计 模式 ,可 以 将 网 页 功能 进行 分 类 ,分 为 : (1) 用 于 输入 输出 的 页 面 ( 视 
图 ); (2) 服 务 端 脚本 程序 页 面 (模型 ), 这 类 页 面 不 在 浏览 器 中 显示 ,主要 是 负责 数据 的 查 
询 、 存 储 等 ; (3) 导 航 页 面 ,类 似 MVC 中 的 控制 器 ,也 类 似 于 传统 程序 中 的 菜单 ,实现 页 面 
之 间 的 调用 和 导航 ,典型 的 导航 页 面 就 是 站 点 首页 。 将 网 页 按照 MVC 设计 模式 进行 分 类 
可 以 更 好 地 规划 一 个 Web 站 点 ,保证 站 点 的 可 扩展 性 、 灵 活性 和 可 维护 性 ,这 也 是 所 有 的 软 
件 设计 模式 所 追求 的 目标 。 

页 面 的 功能 划分 主要 服务 于 Web 应 用 的 交互 ,提高 网 站 的 易 用 性 ,协助 用 户 顺 利 地 完 
成 期 望 的 任务 流程 。 对 于 视图 类 和 导航 类 页 面 ,还 必须 考虑 其 用 户 体验 ,网 页 的 内 容 设计 也 
丰富 多 彩 , 包 括 网 站 标志 导航、 菜单 .图 片 按钮 .表单 样式 、 表 格 数据 文字 表现 、 新 闻 、 公 告 、 
讨论 区 、blogs、 友 情 链接 、 广 告 条 、 版 权 信息 等 。 对 网 页 内 容 的 表现 形式 ,应 根据 内 容 和 用 户 
特点 ,选用 文本 、 图 片 , 动 画 等 不 同 的 媒体 形式 来 展示 ,以 产生 更 好 的 用 户 体验 。 


412 页 面 布局 设计 


在 Web 应 用 中 ,网 页 是 用 户 和 Web 的 人 机 界面 。 在 Web 设计 中 ,网 页 布局 越 来 越 重 
要 ,只 注重 内 容 , 而 忽视 页 面 布局 的 网 页 很 难 能 产 生 较 好 的 用 户 体验 。 实 际 情况 是 ,用 户 对 
页 面 的 体验 第 一 印象 就 是 页 面 的 栏目 和 布局 ,然后 才 是 页 面 内 容 。 只 有 当 网 页 内 容 和 网 页 
布局 完美 地 融合 时 ,才能 产生 最 好 的 用 户 体验 。 


1. 网 页 布局 设计 方法 


新 建 页 面 就 像 一 张 白 纸 ,没有 任何 表格 \ 框 架 和 约定 俗 成 的 东西 。 接 下 来 ,设计 人 员 根 
据 页 面 内 容 、 浏 览 用 户 等 因素 对 页 面 布局 进行 设计 。 进 行 页 面 布局 ,通常 需要 先 在 纸 上 或 者 
利用 Photoshop 等 画图 程序 来 设计 草稿 , 画 出 页 面 布局 的 草图 ,然后 再 深入 加 工 , 最 后 定稿 。 
在 进行 页 面 布局 设计 时 ,需要 考虑 以 下 几 个 因素 : 

CD 页 面 尺寸 。 页 面 尺 寸 和 显示 器 大 小 及 分 辨 率 有 关系 ,同时 浏览 器 本 身 ( 如 菜单 栏 、 
工具 栏 等 ) 也 将 占 去 一 定 的 屏幕 空间 ,这 在 页 面 布局 设计 时 不 需 考虑 。 一 般 情况 下 ,如 果 屏 
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幕 分 辩 率 为 800X600, 则 页 面 的 显示 尺寸 一 般 为 780X428 像素 ,如 果 分 辩 率 为 1024X768， 
页 面 显示 尺寸 为 1007X600。 此 外 ,如 果 页 面 尺寸 采用 像素 值 ,可 以 在 二 body 二 二 /body 二 
标记 对 内 增加 和 center 二 二 /center 二 标记 对 ,将 二 body 二 二 /body 二 内 的 所 有 页 面 内容 居 
中 ,以 应 对 不 同 的 屏幕 分 辨 率 。 

(2) 整体 造型 。 是 指 页 面 的 整体 形象 ,虽然 显示 器 和 浏览 器 都 是 矩形 ,但 对 于 页 面 的 造 
型 ,可 以 充分 运用 自然 界 中 的 各 种 形状 以 及 它们 的 组 合 ,例如 矩形 、 圆 形 、 三 角形 以 及 不 规则 
边界 的 图 形 等 。 

不 同 的 形状 所 代表 的 意义 是 不 同 的 。 例 如 : 和 矩形 代表 着 正式 ,规则 ,大 多 数 政府 网 页 都 
是 以 矩形 为 整体 造型 ; 圆 形 代表 着 和 柔和、 团结 、 温 暖 、. 安 全 等 ,许多 时 尚 站 点 喜欢 以 圆 形 为 页 
面 整体 造型 ; 三 角形 代表 着 力量 .权威 等 ,许多 大 型 的 商业 站 点 为 显示 它 的 权威 性 常 以 三 角 
形 为 页 面 整体 造型 ; 大 部 分 的 游戏 场景 则 使 用 了 不 规则 的 图 形 。 

(3) 页 头 。 页 头 又 称 为 页 眉 ,页 头 常 放置 站 点 的 名 字 、 公 司 标志 或 旗帜 广告 。 页 头 的 内 
容 和 设计 风格 直接 影响 到 整个 页 面 的 协调 性 。 对 于 站 点 首页 ,为 了 有 效 利用 屏幕 空间 ,许多 
网 站 的 页 头 中 ,除了 放置 公司 标志 ,往往 在 页 头 右 侧 还 放置 了 一 组 超 链接 。 

在 页 头 下 方 , 往 往 是 一 个 Flash 动画 ,将 页 头 和 下 面 的 内 容 分 开 , 从 而 产生 较 好 的 视觉 
效果 。 大 多 数 的 门户 网 站 首页 都 采用 了 上 述 的 页 头 设计 ,例如 Sina, 163 的 首页 页 头 。 

CA) 页 脚 。 页 脚 和 页 头 相 呼 应 ,页 头 放 置 站 点 主题 ,页 脚 则 放置 制作 者 或 者 公司 信息 。 

(5) 菜单 。 和 传统 的 程序 类 似 , 在 网 页 上 也 通常 组 织 菜单 ,菜单 其 实 都 是 超 链接 ,将 这 
些 超 链接 组 织 成 树 形 目录 结构 或 弹出 式 菜单 形式 。 

(6) 超 链接 。 在 具有 导航 功能 的 页 面 中 (相当 于 MVC 中 的 控制 器 ) ,包含 了 大 量 的 超 
链接 ,以 链接 到 其 他 页 面 。 可 以 按照 链接 的 内 容 , 将 超 链接 组 织 成 不 同 的 超 链 接 区 。 例 如 ， 
许多 门户 网 站 的 各 种 版 块 栏目 ,就 是 一 个 个 的 超 链 接 区 。 超 链接 可 以 单独 出 现 ,也 可 以 组 织 
成 多 行 多 列 的 超 链 接 区 ,也 可 以 组 织 成 横向 菜单 条 ,或 者 纵向 的 超 链接 区 。 


2 常见 的 网 页 布局 


在 数 以 亿 计 的 Web 页 面 中 ,网 页 的 布局 可 谓 千差万别 。 由 于 网 页 的 功能 不 同 , 表 达 的 
内 容 不 同 , 人 们 的 审美 情趣 不 同 , 因 此 ,我 们 不 可 能 要 求 设 计 人 员 设 计 统 一 的 网 页 布局 。 虽 
然 如 此 ,有 许多 的 页 面 布局 是 很 多 设计 人 员 喜 欢 使 用 的 ,这 些 常 见 的 页 面 布局 是 : 

CD 基于 栏目 的 页 面 布局 。 对 于 内 容 很 多 的 网 页 ,通常 将 页 面 按照 栏目 进行 组 织 ,组织 
成 多 个 矩形 区 域 ( 内 容 板 块 ) ,每 个 区 域 包含 一 组 超 链接 ,形成 一 个 超 链 接 区 。 超 链接 区 通常 
包含 一 个 栏目 标题 ,栏目 之 间 通 过 色彩 块 来 区 分 。 为 了 增加 视觉 效果 ,在 栏目 之 间 , 或 矩形 
块 栏目 内 部 ,通常 插入 一 些 Flash 动画 广告 。 

基于 栏目 的 页 面 布局 主要 用 于 导航 页 面 设 计 , 大 部 分 的 门户 网 站 首页 即 采用 基于 栏目 
的 页 面 布局 形式 ,例如 ,Sina、Yahoo、163、265 上 网 导航 等 。 网 页 布局 示例 如 图 4-1 所 示 。 

基于 栏目 的 页 面 布 局 主要 应 用 于 一 些 商 业 网 站 的 首页 。 为 吸引 用 户 ,增加 用 户 访问 量 ， 
从 商业 运营 的 目的 出 发 ,网 站 的 内 容 很 多 ,分 成 了 不 同 的 超 链接 区 域 ( 板 块 ) 。 为 节省 屏幕 空 
Ta] ,在 栏目 内 往往 还 使 用 标签 ,以 组 织 更 多 的 内 容 。 

(2) 整 幅 效果 型 布局 。 页 面 采 用 大 幅 图 片 或 Flash 动画 ,在 底部 加 一 “登录 ”按钮 ,通常 
用 于 站 点 首页 。 特 点 是 页 面 美观 ,可 以 较 好 地 展示 企业 形象 ,缺点 是 登录 速度 较 慢 。 
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图 4-1 基于 栏目 的 页 面 布局 示例 


(3)“ 口 ”型 页 面 布局 。 页 面 一 般 上 下 各 有 一 个 广告 条 ,左面 是 主 菜单 ,右面 放 友 情 链 接 
等 ,中 间 是 主要 内 容 , 这 种 页 面 布局 也 经 常用 于 一 些 站 点 的 首页 设计 。 

“ 口 ”型 页 面 布局 的 优点 是 充分 利用 版 面 ,信息 量 大 。 缺 点 是 页 面 拥挤 ,不 够 灵活 。 也 有 
将 四 边 空 出 ,只 用 中 间 的 窗口 型 设计 。 

(4)“ 工 ”型 结构 布局 。 所 谓 “ 工 ”型 结构 布局 ,是 指 将 页 面 分 成 上 、 中 、 下 三 个 部 分 ,页 面 
顶部 为 横 条 网 站 标志 十 广告 条 ,下 面 是 版 权 等 信息 ,中间 为 主要 内 容 , 又 分 为 左右 两 个 部 分 ， 
左面 为 主 菜单 ,右面 显示 内 容 的 页 面 布局 形式 。 示 例如 图 4-2 所 示 。 

“ 工 ? 型 页 面 布局 是 网 页 设计 中 用 的 最 广泛 的 一 种 布局 方式 ,这 种 布局 的 优点 是 页 面 结 
构 清晰 , 主 次 分 明 。 缺 点 是 规矩 呆板 ,如 果 细 节 和 色彩 上 搭配 不 好 ,很 难 给 人 留 下 印象 ,不 适 
宣 做 前 卫 的 和 个 性 化 强 的 站 点 。 

(5) 自 顶 向 下 层次 结构 布局 。 将 页 面 自 顶 向 下 分 成 几 个 平行 的 区 域 , 顶部 是 页 头 , 接 下 
来 的 区 域 分 别 放置 超 链接 块 ,最 下 面 的 区 域 显示 具体 的 文章 正文 内 容 。 一 些 文章 页 面 或 注 
册页 面 等 经 常 采用 这 种 类 型 的 页 面 布局 。 

(6) 自由 式 结构 布局 。 上 述 的 结构 布局 可 称 作 “传统 型 "页 面 布局 ,还 有 一 些 页 面 结构 
布局 打破 了 传统 的 页 头 、 页 尾 ,菜单 .栏目 、 超 链接 区 域 等 布局 模式 ,把 页 面 设计 成 一 张 极 具 
创意 的 广告 作品 。 这 种 页 面 的 结构 布局 通常 用 精美 的 图 片 、 网 站 标识 性 图 案 (Logo) 或 变形 
的 艺术 化 文字 作为 设计 中 心 进行 主体 构图 。 菜 单 、 栏 目 条 等 则 按 次 要 元 素 处 理 ,自由 地 安排 
在 页 面 上 ,起 到 点 缀 、 修 饰 ,均衡 页 面 的 效果 。 

自由 式 结构 布局 的 优点 是 页 面 靓 丽 、 现 代 、 轻 松 、 节 奏 明 快 ,很 容易 让 访问 者 驻足 欣赏 。 
缺点 是 下 载 速 度 缓慢 ,文字 信息 量 少 ,信息 的 逻辑 表达 能 力 弱 , 浏 览 者 不 易 直 奔 主 题 , 信 息 查 
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图 4-2 “ 工 ” 型 页 面 布局 示例 


找 麻 烦 。 自 由 式 结 构 布 局 一 般 用 在 时 尚 类 站 点 上 ,如 时 装 、 化 妆 品 等 以 崇尚 现代 、 美 感 为 主 
题 的 站 点 ,专业 性 的 商务 站 点 不 宜 采用 。 

页 面 布 局 设计 是 一 项 复杂 的 创意 工作 ,在 进行 页 面 布局 设计 时 ,需要 根据 站 点 的 性 质 
(例如 专业 性 商务 站 点 、 前 卫 现代 时 尚 类 站 点 等 )、 页 面 的 功能 、 是 否 首页 ,页面 内 容 的 多 少 进 
行 精心 策划 ,才能 设计 出 功能 性 和 视觉 效果 好 的 页 面 。 


41.3 页 面 视觉 设计 


视觉 设计 是 指 利用 视觉 符号 来 传递 各 种 信息 的 设计 ,其 应 用 的 范畴 很 广 , 可 以 包括 工业 产 
品 设计 ,广告 设计 、 新 媒体 设计 、 服 饰 设计 等 等 。 在 Web 中 , 则 有 网 页 的 视觉 设计 。 在 网 页 中 ， 
视觉 设计 和 功能 性 设计 不 同 , 它 没有 功能 性 要 求 ,没有 太 多 的 理论 约束 ,更 多 的 是 体现 出 感性 和 
个 性 元 素 , 服 务 于 人 的 审美 情趣 。 我 们 可 以 把 页 面 视觉 设计 分 成 图 形 、 字 体 和 色彩 几 个 方面 。 

在 页 面 的 视觉 效果 的 诸多 影响 因素 中 ,颜色 设计 产生 的 视觉 效果 最 直接 和 明显 ,不 同 功 
能 的 网 站 ,其 颜色 的 主 色调 设计 也 不 相同 。 大 部 分 网 站 都 追求 一 种 明快 的 颜色 设计 ,例如 ， 
绿色 ,深蓝 、 橙 色 和 粉红 色 , 这 些 颜色 都 十 分 人 气 。 其 次 是 颜色 的 搭配 ,浓重 的 主 色调 表明 了 
幽默 的 态度 ,也 有 助 于 人 们 迅速 注意 到 页 面 上 的 重要 元 素 。 

关于 图 形 的 应 用 ,现在 许多 Web 2.0 站 点 的 页 面 都 避免 使 用 照片 ,大 都 选择 简洁 的 图 
标 和 截图 。 可 以 将 图 形 的 应 用 分 为 几 个 方面 : (1) 用 于 信息 反馈 。 信 息 反 馈 一 般 有 以 下 五 
种 情况 : 成 功 、 失 败 、 询 问 、 警 告 、 错 误 / 异 常 .视觉 辅助 图 必须 表达 每 种 情况 的 准确 含义 。 
(2) 增 加 趣味 性 。 为 了 增加 趣味 性 ,通常 用 图 形 来 表现 一 种 状态 ,例如 ,表现 喜 怒 户 乐 的 简单 
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图 形 。 当 使 用 图 形 时 ,图 形 的 设计 一 定 要 注意 它 的 准确 性 ,否则 会 起 到 相反 的 效果 。 例 如 ， 
用 一 个 惊讶 的 表情 来 表示 警告 ,但 往往 被 误 以 为 是 询问 或 者 出 现 了 异常 。 

对 于 文字 的 字体 ,更 多 的 应 选择 大 号 字 。 另 外 ,要 注意 发 挥 空白 的 作用 ,巧妙 利用 空白 
可 以 提高 页 面 的 易 读 性 和 易 用 性 。 空 白 可 以 分 离 出 重要 信息 ,使 眼睛 得 到 休息 ,并 给 入 以 冷 
静 和 有 秩序 的 感觉 。 

此 外 ,从 总 体 上 来 讲 ,页 面 设计 还 需要 遵循 几 点 一 般 性 的 原则 ,包括 : (1) 平 衡 ,避免 一 
边 倒 、 头 重 脚 轻 , 可 以 是 均衡 对 称 ,也 可 以 是 不 均衡 对 称 ; (2) 重 点 突出 ,有 且 只 有 一 个 视觉 
趣味 中 心 (Center of Visual Interest, CVI) ,可 以 通过 对 位 置 .对 比 和 比例 的 处 理 来 实现 ; 
(3) 简 化 原则 ,去除 或 尽量 弱化 干扰 ,突出 一 点 ; (4) 重 复原 则 ,通过 合理 重复 ,形成 一 个 视觉 
模式 ; (5) 统 一 一 致 ,保持 风格 的 一 致 性 ; (6) 便 利 性 、 可 读 性 与 易 辨 认 , 便 于 读者 阅读 。 

最 后 简单 地 总 结 一 下 ,功能 性 设计 通常 是 一 种 交互 设计 ,其 主要 目标 是 提高 系统 的 易 用 
TE; 视觉 设计 的 主要 目标 不 是 功能 性 的 , 它 的 目标 是 提高 人 们 的 视觉 感受 。 视 觉 设计 是 一 
项 复杂 的 艺术 创造 ,需要 很 深厚 的 艺术 文化 积淀 。 虽然 人 们 不 断 推 崇 务 实 的 简约 设计 概念 ， 
但 是 另类 的 创新 艺术 表现 也 不 时 地 出 现在 各 种 时 尚 和 前 卫 的 网 站 中 。 


414 页 面 效 果 设 计 
当 网 页 的 整体 布局 确定 后 , 接 下 来 就 是 效果 设计 了 。 效 果 设 计 就 是 利用 Photoshop 等 


图 形 图 像 处 理工 具 ,按照 页 面 的 布局 设计 ,来 设计 页 面 的 完整 图 片 。 然 后 对 图 片 进行 切 图 ， 
为 下 面 的 页 面 HTML 代码 编写 准备 images。 图 4-3 是 一 个 Blog 页 面 的 设计 效果 图 。 
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图 4-3 页 面 设 计 效 果 图 示例 
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当 页 面 设计 效果 图 完成 后 , 接 下 来 就 是 进行 切 图 。 将 效果 图 中 的 元 素 剪 切 为 一 个 个 小 
的 图 片 , 以 保证 网 页 的 浏览 速度 。 首 先 要 分 析 页 面 效 果 图 , 它 是 未 来 网 页 的 显示 效果 。 对 于 
上 述 的 页 面 效果 图 , 切 图 时 应 从 以 下 几 个 方面 考虑 : 

CD 在 页 面 上 部 是 一 行 带 有 背景 的 菜单 ,因此 ,我们 可 以 从 中 切 一 个 像素 宽度 为 1 的 小 
图 片 ,在 页 面 HTML 代码 中 ,利用 该 图 片 实现 Table 单元 格 中 的 背景 横向 填充 ,以 达到 效果 
图 的 显示 效果 。 如 果 需 要 纵向 填充 ,可 以 取 高 度 为 1 的 小 图 片 ,进行 纵向 填充 。 

(2) 对 于 页 面 主体 中 的 一 些 栏 目标 题 ,可 以 直接 切 为 小 图 片 ,这 些 图 片 的 文件 很 小 。 

其 他 的 页 面 元 素 ,操作 类 似 。 最 后 将 这 些 切 图 图 片 存储 到 一 个 特定 的 images 文件 夹 
中 , 它 是 下 一 步 进行 HTML 页 面 设计 的 素材 。 

在 页 面 效果 设计 中 ,还 涉及 了 其 中 的 文字 ,对 于 文字 内 容 , 可 以 通过 CSS 样式 表 技 术 来 
定义 文字 的 样式 。 如 果 布 局 采用 Table, 表 格 属性 要 定义 CSS, 从 而 实现 页 面 布局 和 显示 样 
式 的 分 离 ,增加 页 面 维护 的 灵活 性 。 关 于 CSS 的 使 用 ,请 参考 第 3. 2. 9 小 节 的 内 容 。 


42 使 用 FrontPage 


FrontPage 是 微软 开发 的 一 种 可 视 化 的 网 页 制作 和 站 点 管理 工具 。FrontPage 的 功能 
可 以 分 为 站 点 管理 和 网 页 制作 两 大 方面 。FrontPage 有 FrontPage 2000 和 FrontPage 2003 
两 个 常用 版 本 ,两 者 没有 本 质 的 区 别 , 下 面 我 们 将 以 FrontPage 2003 为 例 , 重 点 介绍 网 页 制 
作 工 具 的 网 页 制作 方法 。 


421 FrontPage 主 窗口 


运行 FrontPage 2003, FrontPage 打开 后 ,首先 需要 打开 一 个 网 站 ( 即 打 开 站 点 对 应 的 
主 目录 文件 夹 ) ,一 个 站 点 不 一 定 是 一 个 Web 服务 器 上 真正 运行 的 网 站 ,可 以 是 本 地 机 上 的 一 
个 文件 夹 。 接 下 来 可 以 在 该 文件 夹 下 新 建 网 页 ,或 对 网 页 进行 维护 , 主 界面 如 图 4-4 所 示 。 

在 FrontPage 2003 主 窗口 中 ,可 以 显示 网 站 文件 夹 列表 ,双击 某 个 网 页 文件 , 则 在 右边 
打开 该 文件 。 在 网 页 文件 设计 窗口 的 左下 角 , 有 一 组 网 页 视图 模式 的 选项 标签 ,分 别 是 “ 设 
计 ”“ 拆 分 ” “代码 ”和 “预览 ”四 种 显示 模式 。 如 果 是 框架 网 页 ,还 含有 其 他 的 几 个 标签 。 单 
击 标签 ,可 以 选择 不 同 的 工作 模式 。 


1 设计 模式 


这 是 一 种 可 视 化 的 网 页 设计 模式 。 在 设计 模式 下 ,用 户 可 以 采用 “所 见 即 所 得 ”的 方式 
设计 编辑 和 修改 网 页 ,系统 将 自动 生成 对 应 的 HTML 代码 。 代 码 可 在 “代码 模式 "或 “ 拆 
分 模式 ”下 显示 。 


2 拆 分 模式 


选择 拆 分 模式 , 则 客户 工作 区 分 为 上 下 两 个 区 域 ,下 面 的 区 域 显示 设计 的 网 页 ,上 面部 
分 显示 对 应 的 HTML 代码 。 因 此 ,该 视图 能 够 非常 好 地 将 设计 中 的 网 页 元 素 和 对 应 的 
HTML 代码 联系 起 来 ,并 且 便 于 手工 调整 。 


第 4 章 ”网 页 设计 与 制作 


E| Hicrosoft FrontPage - new page 1.htm 
二 文件 加 SED WBV MAD 格式 @) IAD 


-da T 


[body 


国 travelchina. hta 
Bl] SharePoint 工作 姐 网 站 
SJ veo 数据 包 解决 方案 - 
其 他 网 站 模板 


Darasse BHEN 日 代码 ums | 
有 Fee EE AN m ON dela 
0:01856Kbps 344 x 302 WU BEX 


图 4-4 FrontPage 2003 主 窗口 


3 代码 模式 


在 该 模式 下 ,将 显示 设计 中 的 网 页 对 应 的 HTML 代码 。 一 般 情况 下 ,用户 在 设计 模式 
下 设计 网 页 ,然后 在 代码 模式 下 查看 网 页 对 应 的 HTML 代码 。 另 外 ,用 户 也 可 以 直接 在 该 
模式 下 编辑 ,修改 其 中 的 HTML 代码 ,适用 于 那些 对 HTML 比较 熟悉 的 用 户 。 如 果 网 页 
中 包含 一 些 脚本 程序 , 则 这 些 脚 本 程序 也 需要 通过 代码 模式 进行 编辑 。 

如 果 用 户 需要 复制 其 他 网 页 的 HTML 代码 ,也 不 许 选择 代码 模式 ,将 被 复制 的 内 容 复 
制 到 当前 网 页 的 适当 位 置 ,而 不 应 该 在 设计 模式 下 进行 复制 。 


4 预览 模式 


选择 预览 模式 ,将 对 设计 的 网 页 进行 预览 ,与 通过 浏览 器 所 看 到 的 网 页 一 致 。 另 外 ,如 
果 网 页 中 包含 脚本 程序 ,在 程序 的 调试 阶段 通过 FrontPage 的 预览 模式 可 以 很 容易 查 出 程 
序 出 错 的 位 置 和 错误 性 质 。 


422 网 站 的 新 建 与 维护 
FrontPage 不 仅 是 一 个 页 面 制作 工具 ,同时 , 它 还 可 以 进行 站 点 管理 操作 ,包括 创建 、 删 


除 .打开 、 发 布 站 点 ,以 及 进行 站 点 的 维护 等 工作 ,也 可 以 对 站 点 的 文件 和 文件 夹 进行 操作 以 
及 对 站 点 进行 安全 性 管理 。 
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1. 新 建 网 站 


创建 一 个 Web 站 点 ,本质 上 就 是 建立 一 个 主 目录 ,然后 在 主 目录 下 创建 子 目录 和 网 页 
文件 。 用 户 可 以 手工 地 建立 站 点 目录 结构 ,通过 资源 管理 器 可 以 定位 具体 的 文件 夹 和 文件 。 
为 了 管理 方便 ,现在 的 网 页 制作 工具 都 提供 了 新 建站 点 和 站 点 管理 ,以 方便 对 站 点 的 维护 。 

在 FrontPage 中 ,提供 了 创建 站 点 的 模板 和 向 导 , 通 过 它们 可 以 很 容易 地 建立 起 一 个 新 站 点 ， 
即 创建 站 点 目录 结构 。 操 作 方法 是 : 执行 “文件 "菜单 中 的 “新 建 …” 命 令 , 显 示 * 新 建 " 任 务 窗 格 ， 
在 “新 建 网 站 ”区 域 , 单 击 其 中 的 任何 一 个 超 链接 ,都 可 以 打开 “网 站 模板 ”对 话 框 ,如 图 4-5 所 示 。 
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图 4-5 “网 站 模板 ”对 话 框 


单 击 “ 个 人 站 点 ”, 在 “指定 新 网 站 的 位 置 ”文本 框 中 ,输入 一 个 文件 夹 名 ,该 文件 夹 即 为 
站 点 主 目录 , 单 击 “ 确 定 ” 按 钮 。 向 导 则 自动 创建 一 个 站 点 主 目录 ,并 根据 模板 ,创建 相应 的 
子 文件 夹 和 网 页 文件 ,如 图 4-6 所 示 。 

在 屏幕 的 左边 ,显示 了 网 站 的 目录 结构 ,这 便于 站 点 的 管理 和 维护 。 如 果 不 显示 文件 夹 
列表 ,此 时 ,在 “视图 "菜单 中 ,执行 “文件 夹 列表 ”命令 , 即 可 打开 站 点 文件 夹 列表 ,以 便于 对 

在 网 站 窗口 的 下 面 ,显示 “文件 夹 "“ 远 程 网 站 ”“ 报 表 ”“ 导 航 ”“ 超 链接 ”和 “任务 ”多 
个 选项 卡 , 单 击 “ 超 链接 ”选项 卡 ,可 以 在 网 站 中 显示 各 个 网 页 之 间 的 超 链接 ,如 图 4-7 所 示 。 

超 链接 视图 可 以 清晰 地 显示 页 面 之 间 的 连接 关系 ,对 于 站 点 的 维护 有 很 大 的 帮助 ,容易 
对 站 点 逻辑 建立 全 面 的 概念 。 

2 本 地 网 站 维护 

一 个 站 点 ,本 质 上 就 是 由 一 个 文件 夹 以 及 其 中 包含 的 所 有 网 页 文件 构成 的 。 如 果 在 
Web 服务 器 上 ,一 个 站 点 是 真实 运行 的 网 站 。 如 果 是 在 一 台 桌 面 机 上 ,例如 Windows XP 


上 ,我 们 同样 可 以 创建 一 个 站 点 ;如果 仅 仅 是 纯 HTML 文件 ,不 包含 服务 器 脚本 , 它 同 样 可 
以 运行 。 此 外 ,对 于 任意 一 个 文件 夹 , 用 户 也 可 以 作为 一 个 站 点 来 打开 ,在 其 中 新 建 网 页 。 
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因此 ,无 论 是 在 Web 服务 器 上 ,还 是 在 桌面 机 上 ,都 可 以 使 用 FrontPage 对 一 个 本 地 的 
文件 夹 (看 做 网 站 主 目录 ) 进 行 维护 ,具体 步骤 如 下 : 

(1) 在 FrontPage 中 ,执行 “文件 ”菜单 中 的 “打开 网 站 …” 命 令 , 打 开 “ 打 开 网 站 ”对 话 
框 ,如 图 4-8 所 示 。 


x 


图 4-8 “打开 网 站 ”对 话 框 


在 查找 范围 中 ,选择 网 站 对 应 的 主 文件 夹 , 网 站 名 称 后 面 的 文本 框 中 不 需要 输入 内 容 ， 
单 击 “ 打 开 ” 按 钮 , 则 文件 夹 名 即 为 网 站 名 ,然后 显示 网 站 视图 ,显示 网 站 目录 结构 。 

如 果 打 开 的 文件 夹 是 一 个 普通 的 文件 夹 ,FrontPage 将 在 该 文件 夹 下 添加 两 个 子 文件 
3€" private" fll"images", 

(2) 执行 “视图 "菜单 中 的 “文件 夹 列表 "命令 ,显示 网 站 文件 夹 结构 。 接 下 来 就 可 以 对 
站 点 进行 各 种 各 样 的 维护 和 管理 操作 了 。 

站 点 的 维护 主要 是 指 在 站 点 主 目录 下 新 建 \, 删 除 、 修 改 文件 夹 。 在 某 个 文件 夹 中 ,新 建 
网 页 ,修改 网 页 或 删除 网 页 文件 等 。 在 网 站 “文件 夹 列表 ”中 ,在 某 个 文件 夹 上 右 击 鼠标 , 打 
开 快 捷 菜单 ,可 以 执行 “删除 ”“ 重 命名 ”“ 新 建 (文件 夹 ,空白 网 页 )” 等 操作 。 

如 果 在 某 个 网 页 文件 上 双击 , 则 打开 该 网 页 文件 ,显示 网 页 设计 视图 ,可 以 进行 网 页 的 
制作 和 内 容 修改 。 


3 远程 网 站 维护 


使 用 FrontPage, 可 以 对 Windows 平台 下 的 IIS 网 站 进行 远程 维护 。 所 谓 远程 站 点 维 
护 就 是 利用 FrontPage 在 本 地 计算 机 上 打开 一 个 文件 夹 . 作 为 本 地 网 站 ; 然后 可 以 在 本 地 
网 站 编辑 网 页 文件 ,然后 发 布 到 远程 网 站 ,或 者 将 远程 网 站 的 文件 下 载 到 本 地 ,以 及 在 本 地 
网 站 和 远程 网 站 之 间 进 行 网 页 文件 同步 。 

要 对 一 个 网 站 进行 远程 维护 ,需要 对 网 站 本 身 进行 相应 的 设置 ,具体 设置 内 容 如 下 : 

(1) 在 安装 的 IIS 组 件 中 ,选择 安装 “FrontPage 2002 Server Extensions”。 

(2) 在 安装 的 IIS 组 件 中 ,选择 安装 “万 维 网 服务 ”组件 ,选择 其 中 的 “WebDAYV 发 布 ? 等 
组 件 ,如 图 4-9 所 示 。 

(3) E IS 控制 台中 ,启用 Web 服务 扩展 中 的 相应 服务 ,如 图 4-10 所 示 。 
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图 4-10 Web 服务 扩展 的 配置 


CD 在 IIS 控制 台中 , 右 击 要 远程 管理 的 站 点 ,执行 “属性 ”命令 ,查看 站 点 属性 ,显示 
"Server 2002 Extensions” 选 项 卡 。 然 后 ,在 站 点 上 碳 击 鼠标 ,指向 “所 有 任务 ”, 执 行 “配置 
Server 2002 Extensions” 命 令 。 

(5) 在 IIS 控制 台中 ,在 “站 点 属性 ?对 话 框 中 ,选择 “目录 安全 性 ?选项 卡 ,可 以 设置 站 点 
维护 的 安全 账号 等 信息 。 

当 对 Web 服务 器 和 相应 的 站 点 进行 上 述 的 一 系列 设置 后 ,用 户 就 可 以 对 服务 器 进行 远 
程 管理 (Web 接口 为 http:// 网 址 : 6859/) 或 利用 FrontPage 对 站 点 进行 远程 维护 。 在 网 站 
视图 下 , 单 击 “ 远 程 网 站 ”选项 卡 , 然 后 单 击 窗口 中 的 “远程 网 站 属性 …”, 打 开 “ 远 程 网 站 属 
性 ”对 话 框 ,如 图 4-11 所 示 。 

根据 安装 的 Windows 服务 组 件 不 同 ,远程 Web 服务 器 分 为 四 种 类 型 ,以 支持 Web 站 
点 的 远程 维护 。 下 面 以 “FrontPage 扩展 或 SharePoint Services” 服 务 类 型 为 例 , 介 绍 
Windows 平台 中 网 站 的 远程 管理 。 
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在 Windows 平 台 上 ,如 果 远 程 Web 服务 器 上 安装 了 FrontPage 扩展 或 SharePoint 
Services ,可 以 利用 FrontPage 对 Web 站 点 进行 远程 维护 。 在 “远程 网 站 属性 ”对 话 框 中 , 选 
TÉ*FrontPage 扩展 或 SharePoint Services" 单 选 钮 ,然后 在 远程 网 站 位 置 下 面 的 文本 框 中 输 


运程 网 站 bib JW] 发布 


远程 Web 服务 器 类 型 
(FrontPage 或 SharePoint Services Œ) 
远程 Web 服务 器 支持 FrontPage Server Extensions Hi SharePoint Services. 
OO rebDAY Q) 
远程 Yeb 服务 器 支持 “分 布 式 创作 和 版 本 控制 ”. 
Orr) 
远程 Yeb 服务 器 支持 文件 传输 协议 。 
口 文 件 系统 G) 
将 您 的 计算 机 上 或 网 络 上 的 文件 到 用 作 远 程 网 站 。 
远程 网 站 位 置 W 


http://202. 194.28. 9:8001/ 


LUE ERES GSD (D 


如 果 您 没有 网 站 主 克服 务 ， 请 使 用 oue POUR — 1386 FrontPage 


Server Extensions M SharePoint Sarvi ces 


图 4-11 “远程 网 站 属性 ?对 话 框 


和 远程 网 站 的 网 址 和 端口 号 ( 见 图 4-11) 。 


系统 提示 输入 远程 Web 服务 器 的 账户 和 密码 ,输入 完毕 后 ,显示 本 地 网 站 和 远程 网 站 


目录 结构 ,如 图 4-12 所 示 。 
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图 4-12 使 用 FrontPage 远程 维护 网 站 
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如 果 服 务 器 不 支持 FrontPage 扩展 , 则 可 选择 WebDAV( 远 程 服务 器 支持 “分 布 式 创 作 
和 版 本 控制 ”7 或 FTP 方式 ,进行 站 点 的 远程 维护 ,操作 方法 类 似 , 详 细 介绍 略 。 

最 后 需要 说 明 的 是 ,除了 使 用 FrontPage 进行 远程 站 点 的 维护 外 ,用 户 还 可 以 通过 在 服 
务 器 上 安装 终端 服务 ,使 用 远程 桌面 链接 到 服务 器 ,进行 站 点 的 维护 ; 或 者 在 Web 服务 器 
上 安装 FTP 服务 ,设置 FTP 站 点 的 根 为 Web 站 点 的 根 ,通过 FTP 来 实现 Web 站 点 的 
维护 。 


423 新 建 网 页 


一 个 网 站 对 应 一 个 主 目录 ,里 面包 含 了 大 量 的 网 页 文件 ,这 些 网 页 通常 按照 网 页 功能 组 
织 在 不 同 的 文件 夹 中 。 因 此 ,一 个 网 站 和 传统 的 软件 开发 中 的 一 个 项 目 (Project) 类 似 ,每 
一 个 网 页 文件 都 是 网 站 的 一 部 分 。 

在 FrontPage 2003 中 ,要 新 建 一 个 网 页 ,通常 经 过 以 下 几 个 步骤 : 

CD 在 "文件 ”菜单 中 ,执行 “打开 网 站 …"” 命 令 ,选择 要 打开 的 网 站 主 目录 。 因 为 每 一 个 
网 页 都 是 网 站 的 一 部 分 ,因此 ,新 建 网 页 前 ,首先 应 打开 网 页 隶属 的 网 站 。 

(2) 在 “文件 "菜单 中 ,执行 “新 建 …” 命 令 , 在 客户 区 右 侧 显示 “新 建 " 任 务 窗 格 。 

G) 在 “新 建 "任务 窗 格 中 , 单 击 “ 空 白 网 页 ” 超 链接 ,将 新 建 一 个 空白 网 页 。 单 击 “ 其 他 
网 页 模板 ”, 则 打开 “网 页 模板 ”对 话 框 ,显示 FrontPage 提供 的 默认 模板 。 用 户 可 以 用 这 些 
模板 来 建立 相应 的 网 页 ,在 右 下 角 的 预览 区 域 可 以 看 到 选中 模板 的 外 观 。 

新 建 网 页 后 ,系统 将 生成 一 个 HTML 文档 内 容 的 基本 框架 ,在 “代码 ”模式 或 “ 拆 分 ” 模 
式 下 ,可 以 看 到 相应 的 HTML 代码 内 容 , 如 图 4-13 所 示 。 


'equiv-"Content-Type" content-text/htal; charset=gb2312"> 
Aigues 


d> 

http- 

esl 
head? 


fg) Office Online 模板 
是 近 所 用 模板 
个 人 网 站 
口 设计 Erara ass | 


0:01058Kbps. BU BEX 


图 4-13 新 建 网 页 系统 自动 生成 的 HTML 代码 
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从 上 述 代码 也 可 以 看 到 ,在 文档 的 二 body 之 … 近 /body 盖 标记 之 间 还 没有 内 容 , 具 体内 
容 根 据 用 户 的 需要 来 设计 。 

使 用 FrontPage 编辑 网 页 ,实际 上 就 是 利用 FrontPage 的 菜单 命令 ,在 网 页 中 完成 输入 
文本 .插入 图 片 、 建 立 超 链接 .插入 表格 .插入 表单 等 操作 ,FrontPage 将 自动 生成 对 应 的 
HTML 代码 ,从 而 简化 HTML 文档 的 手工 编写 任务 。 

(4) 网 页 编辑 完成 后 ,在 “文件 "菜单 中 ,执行 “保存 文件 "命令 ,或 者 直接 单 击 " 常 用 ” 工 
具 栏 中 的 “保存 文件 ”按钮 ,保存 当前 网 页 。 

如 果 网 页 文件 是 第 一 次 存盘 , 则 打开 “另存 为 "对话 框 ,在 “另存 为 "对话 框 中 ,选择 网 页 
的 存储 位 置 文件 名 和 保存 类 型 。 


43 网 页 编辑 


当 网 页 文件 创建 后 , 接 下 来 就 是 网 页 内 容 的 编辑 了 。 网 页 文件 是 一 种 符合 HTML 规范 的 
纯 文本 文件 ,可 以 使 用 任意 的 文本 编辑 器 进行 编辑 ,但 是 这 样 的 编辑 需要 非常 熟悉 HTML 规 
范 ,并 且 效 率 很 低 , 容 易 出 错 。 因 此 ,对 网 页 的 编辑 通常 使 用 FrontPage, Dreamweaver 等 可 视 
化 的 网 页 制作 工具 来 完成 。 

使 用 FrontPage 的 工具 进行 网 页 编辑 ,实际 上 就 是 利用 FrontPage 的 菜单 命令 ,在 网 页 
中 实现 输入 文本 插入 图 片 、. 建 立 超 链接 、 插 和 表格 .插入 表单 等 内 容 ,FrontPage 将 自动 生 
成 对 应 的 HTML 代码 ,从 而 简化 HTML 文档 的 手工 编写 工作 。 


434 输入 文本 内 容 


文字 是 Web 页 的 主要 内 容 , 在 HTML 规范 中 ,有 很 多 标记 用 于 对 文本 进行 标记 ,如 
去 p 二 .到 font 二 等 ,使 用 这 些 标记 可 以 实现 文本 显示 的 格式 化 , 即 设 定 文本 在 浏览 器 中 的 显 
示 效 果 。 

在 FrontPage 中 ,文本 的 输入 和 格式 化 非常 简单 。 在 设计 模式 下 ,在 编辑 区 域 进行 输 
入 ,再 通过 “格式 ”工具 栏 对 文本 进行 格式 化 ,或 者 通过 “ 超 链接 "工具 按钮 网 将 文本 设置 为 
超 链 接 ( 二 a 二 … 二 /a 二 标记 )。 

例如 ,在 设计 模式 下 输入 一 行文 本 “泰山 ”, 并 进行 简单 的 格式 化 (居中 、 加 粗 、 字 号 、 颜 
色 ) ,如 图 4-14 所 示 。 

在 拆 分 模式 下 或 代码 模式 下 ,可 以 看 到 在 二 body 二 … 坪 /body 二 标记 内 增加 了 如 下 
代码 : 


<p align= "center" ><b>< font size- "6" color = " # FF0000"— 4€ I - / font — / b — / p^ 


这 段 代 码 是 FrontPage 根据 我 们 的 输入 自动 生成 的 .可见 通 过 FrontPage 进行 网 页 设 
计 要 比 用 “记事 本 ”等 程序 手工 书写 HTML 代码 方便 和 快捷 得 多 ,并 且 也 不 容易 出 错 , 这 正 
是 FrontPage, Dreamweaver 等 工具 的 优势 所 在 。 

另外 ,使 用 FrontPage, Dreamweaver 等 工具 ,用 户 也 可 以 从 记忆 大 量 的 HTML 标记 的 
任务 中 解脱 出 来 ,从 而 把 重点 放 在 网 页 布局 的 设计 和 业务 逻辑 的 设计 中 。 
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[microsoft FrontPage - new page 1.htm 
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4-14 文本 内 容 的 输入 与 格式 化 


432 插入 图 片 


在 网 页 制作 中 经 常 需要 插入 一 些 图 片 , 以 达到 丰富 信息 内 容 和 美化 页 面 的 双重 功能 。 
在 网 页 中 插入 图 片 , 即 通过 二 img 二 标记 来 指向 一 个 图 片 文件 ,为 了 页 面 布局 的 需要 ,通常 
还 需要 设置 <img 二 标记 的 属性 。 

要 使 用 FrontPage 在 网 页 中 插入 一 幅 图 片 ,具体 操作 步骤 如 下 : 

CD 将 插入 点 定位 到 要 插入 图 片 的 地 方 (本 例 定 位 到 文字 的 开始 ) 。 

(2) 选择 菜单 “插入 ”“ 图 片 ”"“ 来 自 文 件 ”, 打 开 * 图 片 ?" 对 话 框 。 选 择 要 插入 的 图 片 文 
TF , 单 击 “ 插 入 ”按钮 , 则 图 片 自动 以 无 环绕 样式 的 方式 插入 到 网 页 中 。 

(3) 设置 图 片 属性 。 设 置 图 片 由 于 图 片 的 高 度 和 文字 不 一 致 , 接 下 来 应 该 设置 图 片 的 
环绕 方式 。 在 FrontPage 2003 中 , 右 击 图 片 ,在 快捷 菜单 中 ,执行 “图 片 属 性 ”命令 ,打开 * 图 
片 属性 ?对 话 框 , 设 置 图 片 环绕 样式 。 

设置 完成 后 的 页 面 如 图 4-15 所 示 。 

单 击 “ 拆 分 ?或 “代码 ?显示 模式 ,可 以 看 到 在 二 body 之 …< 到 /body 之 标记 内 增加 了 一 行 
类 似 下 面 的 代码 : 

<img src = "£ile:///c:/xxx/tai. jpg" width= "281”height = "175" align="right"> 

这 是 图 片 的 绝对 路 径 , 在 Web 应 用 开发 中 ,要 避免 使 用 绝对 路 径 。 因 为 当 网 页 文件 或 
者 存储 图 片 的 目录 发 生 改变 ,在 打开 网 页 时 就 会 出 现 找 不 到 图 片 文件 的 错误 ,图 片 在 浏览 器 


中 不 能 被 显示 。 
为 什么 会 产生 上 述 问题 呢 ? 这 是 因为 如 果 是 在 一 个 新 建 的 网 页 中 插入 图 片 , 因 为 当前 
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enw 帮助 中 
4/8 


[Gi FR] eni sum. ta 
[oa> p [Gene] 


泰山 是 中 国 五 岳之 首 ， 古 名 岱山 ， 又 名 售 宗 。 秦 山 位 于 山东 省 中 
部 ， 泰 安 市 境内 ， 总 立 在 鲁 中 群 山 间 ， 主 峰 玉 皇 项 ， 海 拔 1545 米 。 泰 
山 山体 雄伟 壮观 ， 景 色 秀 丽 。 古 以 东方 为 万 物 交 普 、 初 春 发 生 之 地 ， 
RELUA “EELK”. “IERE” Ë 


RER, MHR, BOBT2AGHEGK ERU E HIR. EA WAR 
号 。 秦 始 皇 统一 中 国 封 禅 泰山 后 ， 汉 代 武 帝 、 光 武帝 ， 唐 代 高 宗 、 玄 
宗 ， 宋 代 真 宗 ， 清 代 康熙 、 乾 隆 等 也 都 相继 效仿 来 泰山 举行 封 禅 大 
典 ， 所 到 之 处 ， 建 庙 塑 像 ， 刻 石 题字 ， 为 秦山 留 下 了 大 量 的 文物 古迹 。 历 代 著名 的 文人 学 士 ， 也 都 莫名 相 
继 来 此 ， 赞 颂 泰 山 的 诗词 、 歌 赋 多 达 一 千 余 首 。 杜 甫 的 《望月 ) 诗 : “会 当 凌 绝顶， 一 览 众 山 小 。” 已 成 
为 流传 千古 的 名 诗 。 


泰山 同时 又 是 佛 、 道 两 教之 地 ， 因 而 庙宇 、 和 名胜 遍布 全 山 。 因 此 ， 泰 山 不 仅 有 雄 奇 壮丽 的 山 势 ， 而 且 
有 众多 的 文物 古迹 ， 也 是 一 座 道 教 名 山 。 山 顶 更 有 四 大 奇观 : 旭日 东升 、 晚 榴 夕 照 、 黄 河 金 伐 、 云 海 玉 
盘 ， 实 乃 一 处 名 冠 世界 的 文物 宝库 和 游览 胜地 。1987 年 底 ， 世 界 保护 自然 与 文化 资源 委员 会 已 将 秦山 列 入 
《世界 遗产 名 录 》。 E 


est] 
图 4-15 在 网 页 中 插入 图 片 


网 页 尚未 保存 ,因此 无 法 判断 网 页 文件 和 图 片 文件 之 间 的 相对 路 径 , 只 能 采用 绝对 路 径 的 方 
式 插入 。 此 时 ,如 果 将 新 建 的 网 页 先 保存 一 次 ,再 插入 图 片 时 ,在 HTML 代码 中 就 会 使 用 
相对 路 径 。 或 者 ,即使 不 是 先 插 入 了 图 片 , 只 要 保存 一 次 HTML 文件 ,原先 的 绝对 路 径 也 
会 变 成 相对 路 径 。 但 是 ,如 果 HTML 文件 和 图 片 不 在 一 个 驱动 器 上 ,将 不 能 转换 成 相对 
路 径 。 

最 后 要 记 住 ,既然 是 一 个 Web 应 用 ,所 有 的 网 页 和 用 到 的 图 片 以 及 其 他 各 种 文件 都 应 
该 保存 在 Web 站 点 的 主 目录 下 ,或 者 主 目录 下 面 的 子 目录 下 。 所 有 这 些 文件 共同 构成 了 一 
个 Web 应 用 ,所 有 的 引用 都 应 该 是 相对 路 径 , 这 样 当 Web 应 用 . 即 该 站 点 被 复制 到 其 他 的 
目标 位 置 时 , 才 不 会 出 现 找 不 到 网 页 或 图 片 的 错误 。 

图 片 插入 以 后 它 在 页 面 上 的 大 小 、 位 置 等 可 能 并 不 理想 。 要 使 得 图 片 符合 用 户 的 要 求 ， 
需 通 过 设置 图 片 属性 来 完成 。 图 片 属 性 的 设置 分 别 对 应 了 到 img 过 标记 的 不 同属 性 ,用 户 
可 以 通过 * 拆 分 ?或 “代码 ?视图 查看 生成 的 HTML 代码 。 此 外 ,将 图 片 直接 插入 网 页 中 ,要 
进行 精细 的 布局 是 很 困难 的 ,要 对 网 页 进行 布局 ,通常 需要 使 用 表格 来 完成 。 


433 建立 超 链接 或 书签 


使 用 FrontPage 在 网 页 中 建立 超 链接 非常 简单 ,只 需要 选 定 超 链 接 的 文本 或 图 片 , 然 
后 , 单 击 工具 栏 上 的 * 超 链接 ”按钮 吏 , 即 可 打开 一 个 * 插 入 超 链接 "对话 框 ,在 超 链 接 对 话 
框 中 输入 被 链接 的 URL 即 可 完成 。 
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(1) 定义 书签 

书签 是 文档 中 的 一 个 特定 标记 ,便于 打开 网 页 定位 到 特定 的 位 置 。 使 用 FrontPage 在 
网 页 中 定义 书签 ,可 按照 下 面 步骤 操作 : 

在 网 页 中 选 定 文字 ,然后 在 “插入 "菜单 中 ,执行 “书签 …” 命 令 , 打 开 “ 书 签 ” 对 话 框 ; 在 
“书签 ”对 话 框 中 ,显示 书签 名 称 和 网 页 中 已 经 定义 的 书签 列表 ,输入 书签 名 ,然后 单 击 “ 确 
定 ” 按 钮 , 即 可 定义 一 个 书签 ,生成 的 HTML 代码 形式 如 下 : 

<a nane = "书签 名 "二 书签 文本 二 /a 二 

在 定义 书签 时 ,可 以 不 选中 任何 文本 ,这 样 只 是 在 插入 点 处 定义 一 个 书签 。 

(2) 文本 超 链接 

使 用 FrontPage 在 网 页 中 建立 文本 超 链 接 ,操作 步骤 如 下 : 

(D 选 定 要 建立 超 链 接 的 文本 。 

@ 选择 菜单 “插入 ”“ 超 链接 ”, 或 直接 单 击 常用 工具 栏 上 的 * 超 链接 ”按钮 艳 ,打开 
“插入 超 链接 …” 对 话 框 ,如 图 4-16 所 示 。 


要 显示 的 文字 (DD): | 《望月 》 


查找 范围 加 :| ao 
Æ taishan hta 


当前 文件 


D private 
AO jur 


图 4-16 “插入 超 链接 "对 话 框 


© 在 “插入 超 链接 ”对 话 框 中 ,在 “链接 到 ”下 面 的 列表 中 ,有 四 种 主要 的 链接 到 目标 类 
型 ,包括 : 

* 原 有 文件 或 网 页 : 通过 Web 浏览 器 查找 和 选择 被 链接 的 网 页 。 

。 本 文档 中 的 位 置 : 即 链接 到 网 页 中 的 一 个 书签 ,通过 “选择 文件 "对话 框 在 本 地 机 上 
查找 和 选择 被 链接 的 文档 。 同 样 需要 注意 的 是 文件 和 被 链接 的 HTML 文档 之 间 的 
路 径 问 题 。 

如 果 是 同一 个 Web 应 用 中 的 Web 9t rii .必须 使 用 相对 路 径 ,方法 类 似 于 插入 图 片 。 如 

果 是 当前 Web 应 用 以 外 的 Web 页面, 需要 给 出 完整 的 URL 地 址 。 

。 新 建文 档 : 新 建 一 个 空白 文档 并 且 与 之 建立 超 链接 。 

。 电子 邮件 地 址 : 与 一 个 E-mail 地 址 建立 超 链 接 。 

CD 设置 目标 框架 和 书签 , 单 击 右 侧 的 “书签 …” 按 钮 ,可 以 显示 选择 的 网 页 中 定义 的 书 

签 。 单 击 右 侧 的 “目标 框架 …” 按 钮 ,可 以 指定 单 击 超 链 接 时 打开 网 页 的 窗口 ,分 别 对 应 二 a 二 
标记 中 的 target 属性 和 name 属性 。 
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© 通过 ”样式 ”按钮 ,可 以 设置 二 a> 标 记 的 class 和 ID 属性 。 
当 上 述 设置 完成 后 , 单 击 “ 确 定 ” 按 钮 ,完成 超 链 接 的 建立 , 即 建立 一 个 文本 超 链接 。 自 
动 生成 对 应 的 HTML 代码 ,形式 如 下 : 


<a href = "poems/wangyue. htm" target -" blank" 二 (望月 ) 一 /a> 


当 文本 对 应 一 个 超 链 接 时 ,文本 将 以 特殊 的 颜色 显示 , 超 链 接 文本 默认 显示 为 蓝 色 带 下 
划 线 的 文字 。 显 示 网 页 时 , 当 鼠 标 指 针 指 向 该 文本 时 ,鼠标 指针 将 变 为 手 形 指针 。 

(3) 图 片 超 链接 

使 用 FrontPage 也 可 以 为 图 片 建立 超 链 接 , 具 体操 作 步 又 如 下 : 

首先 ,选中 将 要 建立 超 链接 的 图 像 ; 然后 选择 菜单 “插入 ”“ 超 链接 ”, 打 开 * 超 链接 ”对 
话 框 ; 接 下 来 的 设置 与 文本 超 链接 的 操作 相同 。 


434 图 像 地 图 


在 HTML 规范 中 ,图 像 地 图 是 一 种 常用 的 页 面 导 航 界面 ,对 于 热点 的 边界 点 (x,y) 华 
标 ,手工 定义 几乎 不 可 能 ,因此 ,在 页 面 中 使 用 图 像 地 图 都 是 通过 FrontPage 等 页 面 制 作 工 
具 完 成 的 。 使 用 FrontPage 建立 图 像 地 图 ,具体 步骤 如 下 : 

CD 在 “插入 ”菜单 中 ,指向 “图 片 ”, 执 行 “来 自 文件 …” 命 令 , 插 入 一 幅 图 片 。 

© 单 击 图 片 , 则 在 FrontPage 窗口 的 底部 显示 图 片 工具 栏 。 如 果 不 显示 图 片 工 具 栏 ， 
可 在 图 片上 右 击 鼠标 ,在 快捷 菜单 中 执行 “显示 图 片 工 具 栏 ”命令 , 即 可 显示 图 片 工具 栏 ,如 
图 4-17 所 示 。 


RED NBV D ELO IRAV FEO BEW a wo hop 


La PIDA | | tsishan htn "new page 1 tas ` 
“body> [89] 


中 国旅 游 


[aereas 日 代码 ans | 


0:07@56Kbps 748 x 353 RU BEX 


4-17 定义 图 像 地 图 
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定义 图 像 的 热点 可 通过 “图 片 ”工具 栏 完成 ,其 中 有 四 个 定义 热点 的 工具 : 长 方形 热点 、 
圆 形 热点 ,多边 形 热点 和 突出 显示 热点 。 

定义 热点 的 方法 很 简单 : 选中 图 像 ,这 时 上 述 的 四 个 工具 变 为 可 用 ; 然后 按 住 鼠标 左 
键 在 图 像 上 的 目标 区 域 拖 动 即 可 。 对 于 多 边 形 热点 , 则 可 以 逐个 顶点 位 置 点 击 , 直 到 形成 一 
个 封闭 的 区 域 为 止 。 热 点 区 域 建立 后 ,将 自动 打开 “ 超 链接 "对话 框 ,输入 要 链接 的 URL 
即 可 。 


“突出 显示 热点 ”按钮 ,这 样 在 显示 网 页 时 ,如 果 单 击 热点 区 域 , 可 以 看 到 区 域 的 外 框 。 
自动 生成 如 下 所 示 的 HTML 代码 : 
—map name = "FPMap0"> 
<area href = "city/beijing. htm" shape = "circle" coords = "286, 100, 17"— 
<area href = "city/jinan. htm" shape = "polygon" coords = "279, 129, 295, 111, 323, 122, 305, 
136, 287, 145"— 
</map> 
<img border = "0" src = "chinamap. gif" width= "433" height = "270" usemap = "i£ FPMap0"> 


435 插入 表格 


在 网 页 设计 中 ,表格 不 仅仅 用 来 显示 数据 ,而 且 表 格 还 是 进行 网 页 布局 的 重要 手段 。 使 
用 表格 ,可 对 各 种 网 页 元 素 的 位 置 进行 精确 控制 ,例如 文字 和 图 片 混 排 , 从 而 使 设计 的 网 页 
布局 整齐 .美观 。 

使 用 FrontPage, 在 网 页 中 插入 表格 ,可 以 
按照 下 面 步骤 操作 : 

CD 在 网 页 中 插入 表格 ,选择 菜单 “表格 ”， PEATAS 
指向 “插入 ”, 打 开 * 插 入 表格 ”对话 框 ,可 输入 | 起 PT 中 
要 插 和 人 表格 的 行 数 和 列 数 ,设置 布局 边框、 背 
景 等 属性 , 即 可 插入 一 个 表格 。 

© 表格 编辑 ,插入 到 网 页 上 的 表格 ,可 以 
进行 一 系列 的 编辑 操作 ,如 调整 行 高 和 列 宽 ， 
单元 格 的 合并 与 拆 分 ,删除 行 、 列 或 单元 格 , 插 
入 行 、 列 或 单元 格 等 。 

O 设置 表格 属性 ,将 插入 点 放 在 表格 当 
中 , 右 击 鼠标 ,从 快捷 菜单 中 选择 “表格 属性 ”， 
打开 “表格 属性 ”对 话 框 ,如 图 4-18 所 示 。 

在 “表格 属性 ”对 话 框 可 进行 以 下 几 个 方 
面 的 设置 : 

。 布 局 属性 : 包括 表格 的 对 齐 方式 、 表 格 | 本 

宽度 、 单 元 格 间 距 (cellspacing)、 单 元 
格 衬 距 (cellpadding)。 其 中 ,单元 格 间 图 4-18 FrontPage 2003“ 表 格 属性 ”对 话 框 
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距 指 单元 格 之 间 的 距离 ,默认 值 为 2, 可 设 值 为 0; 单元 格 衬 距 指 单元 格 中 文字 到 表 
格 线 的 距离 ,默认 值 为 1。 

。 表格 边框 设置 : 设置 表格 边框 的 粗细 和 颜色 。 

。 表格 背景 : 可 以 设置 表格 所 用 的 背景 色 或 背景 图 片 。 

在 网 页 中 ,如 果 要 使 表格 随 着 浏览 器 的 窗口 变化 而 变化 ,在 表格 属性 中 ,选择 “指定 宽 
度 ” 复 选 框 ,然后 选择 “百分比 ” 单 选 钮 。 此 时 ,如 果 表 格 的 宽度 大 于 浏览 器 窗口 的 宽度 时 , 表 
格 内 容 将 换行 ,可 能 影响 表格 的 外 观 。 如 果 在 表格 属性 中 ,选择 “指定 宽度 ” 复 选 框 ,并 且 选 
择 “ 像 素 ” 单 选 钮 , 则 表格 的 显示 将 不 随 浏览 器 窗口 的 变化 而 变化 。 

®© 设置 单元 格 属性 , 当 需 要 对 单元 格 进行 特殊 设置 时 ,可 以 通过 “单元 格 属性 ”对 话 框 
完成 。 

将 插入 点 放 到 单元 格 中 ,或 者 选 定 要 设置 的 单元 格 , 然 后 右 击 鼠标 ,从 快捷 菜单 中 选择 
“单元 格 属性 …” 命 令 ,打开 ”单元 格 属性 ?对 话 框 , 可 以 对 一 个 单元 格 进行 设置 ,这 些 设置 将 
影响 二 td 二 标记 的 属性 。 

通过 FrontPage 的 “ 拆 分 ”视图 或 “代码 "视图 ,可 以 看 到 生成 的 HTML 代码 ,表格 属性 
和 单元 格 属性 分 别 对 应 了 二 table 二 标记 、 三 tr 二 标记 以 及 二 td 二 标记 的 有 关 属 性 ,如 图 4-19 
所 示 。 


(CEPDE) (ti shan itn aer pageLh "new. page 2 hut. 
1 [body>] Cdiv) table <tr> [Kta] 
| (neta http-eguivz"Content-Type" content-"text/htal; charset=gb2312"> 
ide MERIT 24 E i: 
</head> 


tie 


owt Erara ams | 
B B Das 


"Wr. 


| add dad > 0:01@56Kbps 749 x 107 RU BEL 


图 4-19 插入 表格 及 其 属性 设置 


上 述 表格 属性 布局 设置 为 : 
对 齐 方式 (居中 ) ,单元 格 衬 距 (5) ,单元 格 间 距 (0) ,指定 宽度 ,像素 (500)。 
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436 插入 表单 


对 于 一 个 负责 用 户 交 互 的 网 页 ,其 主要 内 容 就 是 表单 。 使 用 FrontPage 在 网 页 中 插入 
表单 ,具体 操作 步骤 如 下 : 

CD 在 “插入 "菜单 中 ,指向 “表单 ”选择 要 插入 的 表单 或 者 其 中 的 控件 。 

@ 调整 表单 布局 。 表 单一 般 和 表格 联合 使 用 ,通过 表格 设置 表单 布局 。FrontPage 有 
时 候 使 得 这 些 标记 交叉 ,为 此 ,可 以 在 * 拆 分 ?或 “代码 ?视图 中 ,手工 调整 代码 。 例 如 ,将 
— [orm </form> iiu XJ i8] S A< table </table> by it HY Ah Ti o 

在 使 用 FrontPage 搬入 表单 或 控件 时 ,如 果 插 入 了 多 个 二 form 二 标记 ,也 可 以 手工 地 删 
除 , 只 保留 一 个 二 form 之 二 /form 之 标记 对 ,手工 把 所 有 的 控件 标记 都 移动 到 二 form 过 
</form> Jg i 

@ WEE RR HE, EKHE H hi BUR e ERRERA PRIT Aem rep TOT 
单 属性 ”对 话 框 ,如 图 4-20 所 示 。 


将 结果 保存 到 
〇 发 闫 到 GG) 
XEM: 


电子 邮件 地 址 QD: 


CO 发 送 到 数据 库 0 


合 发 送 到 其 他 对 各 名 ) | 自 定义 ISAPI, NSAPI. CGI 或 ASP ME 
表单 属性 

URS: Inylogin 

BER: [ 


[em o»... 


图 4-20 设置 表单 属性 


在 “表单 属性 ”对 话 框 中 ,可 以 进行 各 种 设置 , 即 对 应 二 {orm 二 标记 的 属性 设置 。 

© 设置 表单 域 属 性 ,在 表单 域 上 右 击 ,在 快捷 菜单 中 执行 “表单 域 属 性 …” 命 令 , 打 开 
“表单 域 属性 ”对 话 框 。 不 同类 型 的 表单 域 ,其 属性 对 话 框 也 不 相同 ,文本 控件 对 应 的 表单 域 
属性 对 话 框 如 图 4-21 所 示 。 


mo] Ey 


图 4-21 设置 表单 域 属性 
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在 “表单 域 属性 ?对 话 框 中 ,输入 相应 的 属性 值 ,为 脚本 编程 需要 ,一 般 要 设置 表单 域名 
称 等 属性 ,最 后 单 击 * 确 定 "按钮 。 
上 述 设置 结束 后 ,生成 的 网 页 及 其 HTML 代码 示例 如 图 4-22 所 示 。 


LL oft FrontPage — D:Vhaollogin. htm 


Ir Gars ae--mnsr ectiosn" ERIUT-SELI— smermaoaiay 
n dehz 3p" id-"teblel" cellspacing- 0" cellpaiding- 5"? 
RP» 
t type="text" nane- myaccount" sire-"20" value=“ guest” tabindex-"1*)4/t) 


《td wi dthe^T3" Earbsp: BHW 
Std input te tnt nune 127 sic DO UD. 


= IET" nane- DL PGnput. typez^reset" value” 


0:01856Kbps Bu BEX 


图 4-22 插入 表单 及 其 属性 设置 


44 设置 标记 属性 


在 HTML 规范 中 ,每 个 标记 都 含有 不 同 的 属性 ,通过 设置 标记 属性 可 以 修改 标记 的 默 
认 显 示 样 式 。 标 记 的 属性 众多 ,很 难 记忆 。 利 用 FrontPage. 在 “设计 ”视图 下 ,通过 一 些 标 
记 的 属性 对 话 框 可 以 进行 标记 的 属性 设置 。 除 此 之 外 ,还 可 以 在 “代码 ”视图 下 ,通过 
FrontPage 的 智能 感知 技术 设置 标记 属性 。 


444 使 用 IntelliSense 技术 


现在 大 多 数 的 开发 环境 都 使 用 智能 感知 (IntelliSense) 技 术 为 用 户 提供 帮助 。 所 谓 
IntelliSense, 是 指 当 用 户 编辑 到 一 个 对 象 时 ,系统 能 动态 地 显示 当前 对 象 的 方法 、 属 性 名 列 
表 , 从 而 保证 用 户 输 入 的 正确 性 ,或 从 中 选择 输入 。 在 Boland 的 开发 环境 中 ,类 似 的 技术 称 
为 CodelInsight。 下 面 举例 说 明 : 

在 一 个 网 页 中 ,假定 要 设置 一 个 超 链接 的 属性 。 单 击 “ 代 码 ” 视 图 ,将 插入 点 定位 到 二 a 二 
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标记 , 按 空格 键 , 则 自动 打开 一 个 窗口 ,显示 志 a 二 标记 的 所 有 属性 ,包括 一 般 属性 和 事件 属 
性 ,如 图 4-23 所 示 。 


D:\hao\test1.hta 
ADV MAO EEO IAD MEO BED MED PO PIO 


8$ Ò private 
i$ Ò images 

国 login. hta 

国 taishan. hta 

入 testi. hta 

国 travelchina hta 


gE(ecskey ë Ja 


4-23 ”使 用 IntelliSense 技术 


现在 大 多 数 软件 都 使 用 了 IntelliSense 技术 ,有 的 软件 默认 情况 下 不 打开 智能 感知 , 需 
要 对 软件 进行 设置 ,开启 IntelliSense 功能 。 


442 使 用 行为 面板 


标记 中 的 事件 属性 对 应 的 事件 ,又 称 为 行为 , 即 用 户 对 所 标记 对 象 的 操作 行为 。 每 个 行 
为 事件 往往 都 对 应 一 个 函数 , 即 标 记 的 事件 属性 取 值 通常 是 一 个 函数 。 在 FrontPage 中 ,有 
许多 内 置 的 行为 函数 ,使 用 这 些 函 数 可 以 简化 用 户 的 编码 。 具 体操 作 如 下 : 

CD 要 设置 标记 的 行为 ,首先 选择 “设计 ”视图 ,在 “格式 "中 执行 “行为 … ”命令 , 打 开 “ 行 
为 "任务 面板 。 

(2) 单 击 “ 插 入 ”, 在 下 拉 列 表 中 可 以 选择 一 个 行为 。 则 在 下 面 的 事件 列表 中 显示 行为 
对 应 的 默认 事件 。 

(3) 如 果 需 要 修改 行为 对 应 的 事件 ,可 以 单 击 事件 , 则 显示 当前 对 象 的 可 选 事件 列表 ， 
选择 一 个 事件 作为 当前 行为 的 激活 事件 即 可 。 

执行 以 上 操作 步骤 ,结果 如 图 4-24 所 示 。 

转 到 “代码 ”视图 ,可 以 看 到 标记 中 增加 了 相应 的 事件 属性 ,并 可 以 看 到 自动 生成 的 脚本 
程序 代码 。 
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加 Hicrosoft FrontPage - D:WhaoMtesti. htm 
EXPO 编辑 EE) WIV GA XQ IAD 


d 2 al m- ar haii 


= 宋体 


| xxm ca x [RE esci hc 


C D: hao [toa 45 [59] 


国 travelchina. hta 


OAS 


图 4-24 设置 标记 的 事件 属性 


45 定义 和 使 用 样式 


HTML 允许 用 户 在 标记 中 使 用 class 属性 修改 标记 的 默认 显示 样式 ,手工 定义 样式 
需要 记 住 很 多 的 属性 及 取 值 ,非常 麻烦 。 在 FrontPage 中 ,提供 了 修改 样式 和 新 建 样式 类 
功能 。 为 了 在 多 个 页 面 中 实现 样式 的 共享 ,可 以 将 用 户 自 定义 样式 存储 为 样式 表 CSS 
文件 。 


451 定义 样式 


如 果 要 在 一 个 网 页 中 使 用 样式 ,在 FrontPage 中 ,可 以 通过 执行 “格式 ”菜单 中 的 “ 样 
式 …” 菜 单 命令 来 实现 ,具体 操作 步骤 如 下 : 

执行 “格式 ”菜单 中 的 “样式 …” 菜 单 命 令 , 打 开 “ 样 式 ” 对 话 框 ,如 图 4-25 所 示 。 

在 左下 侧 列表 中 可 以 选择 “用 户 定义 的 样式 ”或 者 "HTML 标记 ”。 

CD 修改 HTML 标记 默认 样式 。 选 择 “HTML 标记 ”, 则 意味 着 修改 默认 样式 ,列表 
中 将 列 出 HTML 规范 的 所 有 标记 ,然后 选择 一 个 样式 ,再 单 击 “ 修 改 ” 按 钮 ,修改 所 选 的 
样式 。 

(2) 新 建 用 户 样式 类 。 在 样式 列表 中 ,选择 “用 户 自 定义 样式 ”, 单 击 “ 新 建 …” 按 钮 ,可 
以 创建 一 个 新 的 样式 类 ,并 对 样式 进行 字体 等 属性 的 设置 。 

此 时 在 HTML 视图 中 ,将 看 到 文档 的 二 head 二 … 到 /head 二 内 部 生成 类 似 如 下 的 
代码 : 
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FABR 
— RHP AaBbcc 一 一 


说 明 
ao Sub “修改 ” 按 竺 ， 为 当前 选取 的 KL 标记 创 
d "o" 按 团 可 名 陡 一 个 新 的 自 定义 样式 。 


mev.) Ew. 


[m a 


E 4-25 自 定义 样式 对 话 框 


<style> 

<i 

a:active { font- size: 10pt; color: #0000FF } 

a:hover { font- size; 10px; color; #FF0000 } 

. warning { font- size; 8pt; color; #FF0000; font- weight; bold } 
--> 

</style> 


用 户 自 定义 样式 后 ,可 以 在 FrontPage“ 格 式 ” 工 具 栏 左边 的 样式 列表 中 显示 用 户 自 定 
义 的 样式 ,用 户 可 以 用 自 定义 样式 格式 化 网 页 中 的 文档 内 容 。 此 时 ,在 生成 的 HTML 代码 
中 看 到 相应 标记 内 增加 了 class 属性 。 例 如 : <p class= "warning" >t ER; </p>. 


452 使 用 样式 表 文 件 


在 网 页 内 定义 的 样式 ,只 是 用 于 网 页 内 部 。 为 了 实现 多 个 网 页 之 间 一 致 的 外 观 和 自 定 
义 样式 的 共享 ,通常 需要 将 样式 定义 保存 为 . css 文件 ,这 样 多 个 网 页 就 可 以 共用 样式 ,保证 
网 站 中 网 页 风格 的 一 致 性 。 

建立 样式 表 文 件 (. css 文件 ) 有 两 种 方法 : 

CD 在 “新 建 "任务 窗 格 中 , 单 击 “ 其 他 网 页 模板 " 超 链接 ,打开 “网 页 模板 ”对 话 框 ,选择 
“样式 表 ” 选 项 卡 , 然 后 选择 一 个 样式 表 模 板 , 从 而 建立 一 个 样式 表 文 件 。 

(2) 新 建 一 个 普通 的 页 面 文件 , 自 定 义 样式 完成 后 ,删除 掉 除 一 style 之 … 王 /style 二 标 
记 对 以 外 的 所 有 HTML 代码 ,然后 执行 另存 为 命令 ,选择 保存 类 型 为 "CSS 文件 (. css)”。 

当 样 式 表 文 件 定义 完成 后 ,在 其 他 网 页 中 就 可 以 使 用 其 中 的 样式 了 。 在 “格式 ”菜单 中 ， 
执行 “样式 表 链 接 …” 命 令 , 打 开 “ 连 接 样 式 表 ”对 话 框 ,选择 一 个 . css 文件 ,例如 mystylesl 
.css, 则 在 该 网 页 的 一 head 之 … 一 /head 一 内 增加 下 述 语句 : 


<link rel = "stylesheet" type = "text/css" href = "mystylesl. css" 二 
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46 Frame 框架 和 IFrame 框架 


在 网 页 布局 设计 中 ,框架 网 页 是 经 常 使 用 的 一 种 网 页 类 型 , 它 可 以 把 浏览 窗口 分 成 几 个 
区 域 , 每 个 区 域 可 以 显示 一 个 不 同 的 页 面 , 即 对 应 一 个 单独 的 网 页 文件 。 


461 Frame 框架 网 页 


1. 新 建 框架 网 页 


在 FrontPage 2003 中 创建 框架 网 页 可 以 通过 专门 的 框架 网 页 模板 完成 ,方法 如 下 s 
CD 在 “文件 "菜单 中 ,执行 “新 建 "命令 ,打开 “新 建 " 任 务 窗 格 ,在 新 建 网 页 区 域 单 击 
“其 他 网 页 模板 ” 超 链 接 , 打 开 “ 网 页 模板 ”对 话 框 ,如 图 4-26 所 示 。 


g ug g g | 
标题 "Es g" 委 直 拆 分 ”横幅 和 目录 
t ada impa 


选项 
口 妈 添加 网 站 任务 四 
回 在 当前 的 框架 中 打开 O 


gj 


Lon 


图 4-26 “网 页 模板 ”对话 框 


(2) 选择 “框架 网 页 ”选项 卡 , 则 在 左 侧 列表 框 中 显示 出 了 多 个 框架 网 页 模板 的 图 标 , 单 
击 其 中 之 一 ,可 以 在 右 侧 的 预览 区 显示 该 模板 的 布局 样式 。 
(3) 双击 选中 的 模板 ,或 者 选中 模板 后 单 击 “ 确 定 ” 按 钮 , 即 可 建立 起 相应 的 框架 网 页 ， 
图 4-27 就 是 选中 “ 嵌 套 式 层次 结构 ”后 所 建 框 架 网 页 的 初始 状态 。 
在 这 个 框架 网 页 中 ,浏览 窗口 被 分 成 了 3 个 框架 ,各 个 窗 格 显示 不 同 的 页 面 。 可 以 看 
到 ,初始 状态 下 每 个 框架 中 有 两 个 按钮 : 
。 设 置 初始 网 页 。 所 谓 初始 网 页 ,是 指 浏览 器 第 一 次 载 和 人 框架 网 页 时 该 框架 所 示 的 网 
页 。 该 按钮 就 是 设置 一 个 已 经 存在 的 网 页 作为 该 框架 的 初始 网 页 。 单 击 时 可 以 打 
开 “ 创 建 超级 链接 ”对 话 框 ,选择 一 个 网 页 文件 或 输入 一 个 网 页 的 URL, 然 后 单 击 
“确定 ”按钮 , 即 可 在 当前 框架 中 打开 所 超 链接 的 网 页 文档 。 
。 新建 网 页 。 单 击 该 按钮 时 ,可 以 新 建 一 个 普通 的 网 页 (空白 页 ) 作 为 初始 网 页 。 
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图 4-27 新 建 框架 网 页 示例 


当 新 建 或 打开 一 个 框架 网 页 后 ,FrontPage 窗口 下 方 的 显示 模式 选项 标签 将 发 生 以 下 
变化 : 

CD 增加 了 “无 框架 "标签 。 当 浏览 器 不 支持 框架 网 页 时 所 要 显示 的 内 容 。 默 认 情 况 下 
将 显示 文本 “此 网 页 使 用 了 框架 ,但 您 的 浏览 器 不 支持 框架 ”。 

(2) 当前 网 页 为 框架 网 页 时 ,框架 ”菜单 中 的 菜单 项 将 变 为 可 用 ,主要 包括 * 拆 分 杠 
RR" MEUS RE FE" "REIR PEU A 


2. 拆 分 与 删除 框架 


为 了 适应 不 同 的 需要 ,用 户 可 以 将 一 个 网 页 框架 随意 拆 分 或 合并 ,形成 有 自己 风格 的 框 
架 网 页 。 方 法 如 下 : 

CD 选中 要 进行 拆 分 的 框架 ,如 在 上 述 的 网 页 示例 中 选中 下 方 的 框架 。 选 中 的 框架 将 
以 蓝 色 粗 线条 包围 。 

(2) 选择 菜单 “框架 "“ 拆 分 框架 ”, 打 开 * 拆 分 框架 对 话 框 。 

(3) 选择 * 拆 分 成 行 ” 或 者 “ 拆 分 成 列 ”, 即 把 当前 框架 窗 格 拆 分 成 上 下 两 个 框架 ,或 者 
拆 分 成 左右 两 个 框架 。 

如 果 要 删除 框架 ,选中 要 删除 的 框架 ,选择 菜单 “框架 " “删除 框架 * 即 可 。 


3. 改变 框架 窗 格 的 大 小 


框架 的 大 小 是 可 以 根据 需要 改变 的 。 方 法 是 : 将 鼠标 指针 指向 框架 , 当 指针 变 成 汪 形 
或 者 1 形 时 , 按 住 左 键 拖 动 , 达 到 满意 的 位 置 后 放 开 。 
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4 设置 框架 属性 


可 以 用 以 下 方法 设置 框架 属性 : 鼠标 指针 指向 框架 , 右 击 ,从 快捷 菜单 中 选择 “框架 属 
性 ”, 打 开 “ 框 架 属性 ”对 话 框 ,如 图 4-28 所 示 。 

对 话 框 中 包含 的 内 容 有 : 

CD 名 称 : 框架 的 名 称 , 对 应 二 frame 二 标记 
中 name 属性 ,主要 用 于 在 超 链接 中 指定 二 a 二 
标记 的 target。 

(2) 初始 网 页 : 第 一 次 显示 框架 网 页 时 显 


示 的 网 页 。 

区 (3) 框架 大 小 : 可 以 设置 列 宽 和 行 高 。 有 
人 两 三 种 取 值 : 相对 (相对 于 同行 或 同 列 的 其 他 框 
显示 滚动 条 @) [REMIR 国 架 )、 像 素 和 百分比 (相对 于 窗口 的 高 或 宽 所 占 的 
RES 百分比 ) 。 如 果 一 个 框架 是 通栏 的 , 则 列 宽 为 页 


面 窗口 宽度 ,不 可 作 其 他 设置 。 
如 果 选 择 像素 , 则 在 浏览 器 窗口 大 小 变化 的 


图 4-28 “框架 属性 ”对 话 框 


时 候 ,该 框架 将 不 会 随 着 变化 。 

(4) 边 距 : 框架 中 网 页 页 面 的 边 距 ,以 像素 为 单位 。 

(5)“ 框 架 网 页 ”按钮 : 单 击 此 按钮 时 ,可 以 打开 “网 页 属性 ”对 话 框 的 “框架 ”选项 卡 ,可 
以 设置 框架 的 宽度 ,以 像素 为 单位 。 如 果 只 设置 框架 的 宽度 ,可 以 直接 打开 * 网 页 属性 ?对 话 
框 完成 设置 。 

(6) 在 浏览 器 中 是 否 可 以 调整 大 小 : 选中 该 复 选 框 时 ,浏览 框架 网 页 时 可 以 改变 框架 
大 小 (用 鼠标 拖 动 框架 ) 。 

CD 是 否 显示 滚动 条 : 有 “需要 时 显示 ”“ 从 不 ”和 “始终 ”三 种 选择 。 

(8) 可 以 修改 框架 的 样式 和 格式 。 


5. 设置 超 链接 的 目标 框架 


假设 设计 一 个 “唐诗 欣赏 "的 框架 网 页 ,包含 三 个 框架 : 目录 区 、 网 页 标题 区 和 诗 文 区 。 

我 们 希望 单 击 目录 框架 的 唐诗 标题 时 ,在 诗 
文 区 可 显示 出 该 诗 的 正文 来 。 下 面 是 具体 的 实现 | imeem a) 公用 的 目标 区 C 
XR. Hunc 

CD 选中 目录 区 的 一 首 诗 ,例如 “出 塞 ”。 

(2) 选择 菜单 “插入 ”“ 超 链接 ”, 打 开 * 创 建 超 
链接 ”对 话 框 。 

(3) 在 对 话 框 的 下 边 有 一 个 “目标 框架 "文本 
框 , 单 击 其 后 面 的 沼 按 钮 ,打开 “目标 框架 ”对 话 
框 ,如 图 4-29 所 示 。 一 

CD 在 “当前 框架 网 页 ”图 示 区 域 , 单 击 链接 网 CE 
页 显示 的 区 域 ( 本 例 中 为 右 下 角 区 域 ) ,在 “目标 设 图 4-29 “目标 框架 "对 话 框 


第 4 章 ”网 页 设计 与 制作 


置 " 中 自动 填 人 该 框架 的 名 称 ,或 从 右 侧 * 公 用 的 目标 区 ?列表 中 选择 。 
(5) 完成 后 单 击 * 确 定 ? 按 钮 , 回 到 “创建 超 链接 "对话 框 中 。 可 以 看 到 ,目标 框架 "中 填 
入 了 所 选 框架 的 名 称 。 生 成 的 HTML 代码 中 在 过 frame> 标 记 中 添加 了 target 属性 。 
(6) 选择 被 链接 的 HTML 文档 ,最 后 单 击 “ 确 定 ” 按 钮 。 
按 以 上 方法 建立 所 有 诗 标题 的 超 链接 。 完 成 后 的 网 页 如 图 4-30 所 示 。 
F 边塞 诗 欣赏 - NKicrosoft Internet Explorer 
XFO RAO FEV BRW IAW WR 
O=- 0 dt Dx» edogsl168 


HEM) |& D: hao VTangshi \myframes. hta 


白雪 歌 送 武 判官 归 京 
ESL 


图 4-30 ”框架 网 页 应 用 示例 


通过 框架 网 页 以 及 后 面 介绍 的 客户 端 脚本 程序 .表单 对 象 ,可 以 较 好 地 完成 Web 应 用 
中 页 面 布 局 和 用 户 接口 设计 。 


462 使 用 浮动 框架 IFrame 


浮动 框架 IFrame 是 一 种 特殊 的 框架 , 它 允 许 在 浏览 器 窗口 中 嵌 套 子 窗口 ,在 其 中 显示 
子 页 的 内 容 。 例 如 ,假设 用 户 要 制作 一 个 如 图 4-31 所 示 的 页 面 布局 。 


A 区 : Banner 图 片 


C 区 
B 区 : 导航 区 内 容 显示 区 


D 区 : 版 权 信息 区 


图 4-31 页 面 布局 设计 
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如 何 来 设计 这 个 布局 呢 ? 如 果 用 Frameset 来 设计 , 则 需要 设计 四 个 frame, 如 果 B 


区 


和 C 区 的 内 容 较 多 时 ,会 在 相应 的 位 置 显示 滚动 条 。 但 是 ,D 区 的 版 权 信息 一 直 在 屏幕 上 
显示 ,占用 屏幕 空间 ,我 们 希望 整个 页 面 窗 口 出 现 滚动 条 , 即 , 如 果 也 区 或 C 区 的 内 容 较 多 


时 ,会 出 现 窗口 垂直 滚动 条 , 即 D 区 需要 拖 动 滚动 条 才能 显示 。 


要 实现 上 述 要 求 , 使 用 Frameset 是 不 能 实现 的 。 应 该 通过 table 来 布局 实现 , 即 设 计 一 


个 3x2 的 表格 ,分 别 将 第 一 行 和 第 三 行 的 两 个 表格 合并 , 则 得 到 上 面 的 布局 结构 。 当 B 
和 C 区 的 内 容 较 多 时 , 则 在 页 面 窗 口 自 动 出 现 垂直 滚动 条 ,D 区 被 推 到 后 面 不 显示 。 


s 


uH B PCR C 区 的 内 容 高 度 协调 ,应 该 在 C 区 使 用 IFrame, 这 样 , 当 单 击 B 区 的 
一 个 超 链 接 时 ,对 应 的 页 面 在 C 区 显示 ,如 果 页 面 内 容 超过 C 区 的 设 定 高 度 , 则 C 区 出 现 滚 


动 条 ,示例 代码 清单 如 下 : 


<html> 
<head> 
<meta http- equiv = "Content - Type" content = "text/html; charset = gb2312"> 
<style type = "text/css"> 
A:hover { color; # FF0000; text — decoration;none} 
A(color:rgb(235,239,71);text - decoration:none; font- size:12px} 
.menutitle {cursor:hand;margin - left;8px; margin ~ top; 6px; margin- bottom; 
Opx; background - color;rgb(0,119,166); 
color:rgb(254,254,166);width:150px;padding:8px; text - align:center; 
font - size;l3px;height;30;border - right;lpx solid # 204848; 


border - bottom;lpx solid # 204848; border — left;lpx solid # e0e0e0; border - top: 


1px solid & e0e0e0;] 


. Submenu(margin- top; Opx;margin - bottom; 6px;margin - left;8px; background - color;rgb(0, 


177,234); 


color:rgb(235,239,71);width:150px;padding:lOpx; text - align:center; line - height: 


2005; 
font - size;l3px;display:none;border - right;lpx solid #204848; 


border - bottom:lpx solid # 204848; border - left:lpx solid # f0f0f0; border - top: 


1px solid # f0f0f0;] 
</style> 
<script> 
function SwitchMenu(obj) 
{ 
if (document. getElementById) 
{ 
var el = document. getElementById(obj); 
varar = document. getElementById("masterdiv").getElementsByTagName(" span"); 
if (el. style. display ! = "block") 
{ for (var i=0; i<ar. length; i++) 
{ 
if (ar[i]. className-- " submenu") 
ar[i]. style. display = "none"; 
} 
el. style. display = "block"; 
) else el. style. display = "none"; 


) 
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</script> 

</head> 

<body topmargin = "10"> 

<div align = "center" > 

<table border = "0" width = "900" cellspacing = "0" cellpadding = "0" bgcolor = " # FFFFFF" 
height = "248"> 


"yes" 


<tr> <td width= "900" colspan= "2" height = "90"> </td> </tr> 
<tr> 
<td width= "905" height = "39" colspan = "2" background = "image/bgpic001.gif"— 


一 marquee width = "660" height = "16" > Ri ril E. --- — /marquee 


</td> 

</tr> 

<tr> 

<td width= "165" background = "image/bgpic004.gif" valign = "top" height = "154"> 


<div id= "masterdiv" align= "left"> 
<div class = "menutitle" onclick = "SwitchMenu( 'sub01')"> (2E [4j ZE— /div— 
<span class = "submenu" id= "sub01"> 

<a href = "jpkc/kcjj. htm" target = "tt" >E (il 4p </a><br> 

<a href = "jpkc/jxdg. htm" target = "tt" > AC KA</a><br> 

</span> 
<div class = "menutitle" onclick = "SwitchMenu( 'sub02')" >44% [A [fi </div> 
<span class = "submenu" id = "sub02"> 

<a href = "jpkc/hao. htm" target = "tt" > iR Bt fi 3E A. </a><br> 

<a href = "jpkc/zjjs. htm" target = "tt" 过 教学 团队 一 /a> 一 br> 
</span> 


</div> 
</td> 
<td width= "733" height = "617" background = "image/bgpic003. gif" align = "center" 
style= "border ~ right:1 solid #000040; border - bottom:1 solid #000040"> 
<iframe name = "tt" src = "jpkc/kcjj. htm" width = "728" height = "659" scrolling = 


frameborder = "0"> 
</iframe> 
</td> 
</tr> 
<i> 


<td width = "900" height = "36" colspan- "2" align = "center" > MEURA : </td> 
</tr> 


</table> 
</div> 
</body> 
</html> 


根据 上 述 代码 完成 的 网 页 示例 如 图 4-32 所 示 。 
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涉及 计算 机 系统 与 平台 、 计 算 机 程序 设计 、 数 据 分 析 与 信息 处 理 、 全 息 系统 开发 四 个 领域 的 概念 性 基础 层次 的 内 容 ， 以 
及 计算 机 系统 与 乎 台 领 锯 的 大 多 数 内 容 。 内 容 及 其 组 织 强 调 黎 盖 西 、 知 识 性 、 系 综 性 、 应 用 性 和 相对 多 定性 ， 从 而 为 学 
生 构建 一 个 有 关 计算 机 科学 与 杆 术 学 科 及 其 应 用 的 整体 知识 框 荣 。 
课程 的 教学 目标 是 ， 了 解 计算 机 科学 与 技术 学 科 的 基本 理论 与 基本 概念 ， 重 点 军 握 计算 机 硬件 结构 、 操 作 系 统 、 和 党 
| o ns | MANH. CEHAPISIUE S STR DESADUUSECEIURIM TNHITUSEEN. 数据库 技 术 和 多 媒体 技术 等 基本 
原理 ， 具 有 一 定 的 阐 单 应 用 开发 能 力 ， 浊 所 使 用 计算 机 网 络 进行 信息 浆 取 、 信 息 处 理 和 信息 应 用 的 老 力 ， 对 信息 化 和 信 
h — 息 社会 的 内 涵 有 清晰 的 认识 ， 建 立 符合 社会 道德 规范 和 法 律 的 信息 观 。 
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4-32 包含 IFrame 的 网 页 示例 


在 上 述 界面 中 s W A DERE A , 右 侧 为 内 部 帧 , 单 击 左 侧 的 菜单 项 目 , 对 应 的 页 面 将 
在 右 侧 帧 中 显示 。 


思 考 RB 


. 什么 是 MVC 设计 模式 ? 按照 MVC 设计 模式 ,网 页 功能 可 以 分 为 哪些 类 型 ? 
. 请 上 网 进行 搜索 ,总结 一 下 有 哪些 常用 的 网 页 布局 。 
. 什么 是 页 面 视觉 设计 ? 有 哪些 主要 的 内 容 ? 
. 简要 说 明 页 面 设计 的 主要 步骤 。 在 页 面 效果 设计 中 ,为 什么 要 进行 切 图 ? 
. 要 对 Windows 平台 中 的 网 站 进行 远程 管理 ,应 如 何 设置 ? 
. 如何 使 用 FrontPage 进行 远程 网 站 的 维护 ? 
. 怎样 在 HTML 文档 中 插入 图 片 ? 过 img 盖 标记 的 常用 属性 有 哪些 ”怎样 将 这 幅 图 
片 放 在 居中 位 置 ? 
8. 怎样 设置 文本 或 图 片 超 链接 ? 
9. FrontPage 中 不 同 的 显示 模式 各 有 什么 用 途 ? 
10. 在 “图 片 属性 对话 框 中 可 以 进行 哪些 属性 的 设置 ? 怎样 将 图 片 设置 成 文字 环绕 的 
形式 ? 
11. 什么 是 图 片 的 “热点 "区域 ? 怎样 设置 多 边 形 的 “热点 ”? 
12. 在 “表格 属性 ”和 “单元 格 属性 ”中 ,cellspacing 和 cellpading 分 别 代 表 什 么 意思 ? 
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客户 端 开 发 


网 页 不 仅仅 是 由 HTML 标记 构成 的 ,通常 还 包含 脚本 程序 ,它们 增加 了 页 面 的 交互 和 
计算 能 力 ,使 网 页 更 生动 、 功 能 更 强大 。 因 此 ,网 页 设计 除了 必须 掌握 HTML 的 各 种 标记 
外 ,还 应 该 熟悉 脚本 语言 编程 。 脚 本 语言 编程 包括 两 个 方面 ,一 方面 是 客户 端 编程 , 另 一 方 
面 是 Web 服务 器 端 编 程 , 它 们 分 别 在 浏览 器 中 和 Web 服务 器 上 执行 。 本 章 介绍 客户 端的 
编程 问题 ,关于 服务 器 端的 编程 将 在 下 一 章 介绍 。 


5.1 浏览 器 与 客户 端 脚本 程序 


客户 端 脚本 程序 是 指 在 客户 的 浏览 器 中 运行 的 程序 ,这 种 程序 不 需要 事先 编译 ,如 果 浏 
览 器 从 服务 器 上 下 载 的 网 页 中 包含 客户 端 脚本 程序 ,浏览 器 将 对 脚本 程序 代码 进行 解释 执 
行 , 即 : 浏览 器 通过 自 带 的 脚本 引擎 对 HTML. 文档 中 的 脚本 程序 进行 分 析 、 识 别 、 解 释 并 
执行 。 


511 浏览 器 与 客户 端 脚本 引擎 


浏览 器 之 所 以 能 够 解释 执行 网 页 中 的 客户 端 脚本 程序 ,是 因为 浏览 器 中 内 置 了 脚本 引 
擎 模块 ,可 以 解释 执行 网 页 中 的 客户 端 脚本 程序 。 客 户 端 脚本 程序 通常 是 用 脚本 程序 语言 
书写 的 ,脚本 程序 语言 和 传统 的 编译 型 程序 设计 语言 (如 C++ Java 等 ) 相 比 ,在 语法 结构 上 
类 似 , 最 大 的 不 同 是 脚本 程序 设计 语言 编写 的 程序 不 需要 编译 链接 过 程 , 即 不 生成 在 操作 系 
统 下 运行 的 exe 文件 ,而 是 直接 在 浏览 器 中 被 浏览 器 解释 执行 。 在 解释 执行 过 程 中 ,如 果 程 
序 存在 错误 ,浏览 器 将 停止 程序 的 执行 ,并 在 浏览 器 窗口 的 状态 栏 中 显示 “网 页 存在 错误 ”的 
提示 。 
由 于 安全 方面 的 原因 ,浏览 器 可 能 禁止 脚本 程序 的 运行 。 例 如 ,在 浏览 器 的 “Internet 
选项 ”对 话 框 中 ,选择 “安全 ”选项 卡 ,选择 “Internet”, 单 击 “ 自 定义 级 别 ”, 在 安全 设置 列表 
中 ,可 以 在 “活动 脚本 ”中 选择 “禁用 ”“ 启 用 ”或 “提示 ”。 如 果 选 择 “ 禁 用 ”, 则 浏览 器 将 不 执 
行 网 页 中 的 客户 端 脚本 程序 。 
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512 脚本 语言 规范 与 主要 的 客户 端 脚本 语言 


1995 年 末 , 网 景 公司 (Netscape) 发 布 了 其 客户 浏览 器 脚本 程序 语言 JavaScript. Bri. 
Netscape 将 JavaScript 语言 规范 提交 给 欧洲 计算 机 制造 协会 (European Computer Manufacturing 
Association,ECMA) 进 行 审定 。1997 年 6 H .ECMA 发 布 了 名 为 ECMAScript Edition 1 的 
脚本 语言 规范 ,又 称 ECMA-262. ECMAScript 不 与 任何 具体 浏览 器 相 绑 定 , 在 浏览 器 之 
外 ,ECMAScript 描述 了 有 关 脚 本 程序 语言 所 具有 的 通用 属性 ,包括 : 语法 、 类 型 .语句 、 关 
键 字 ,保留 字 、 运 算 符 、 对 象 等 ,这 些 内 容 需 要 由 具体 的 浏览 器 实现 。 

1998 年 ,微软 在 IE 4. 0 中 发 布 了 JScript 3.0, 宣 称 成 为 第 一 个 遵循 ECMA 规范 来 实现 
的 JavaScript 脚本 引擎 。 一 年 后 , Netscape 发 布 其 符合 ECMA 规范 的 JavaScript 1. 3。 
1999 年 12 月 ,ECMAScript 第 三 版 发 布 , 该 版 本 成 为 脚本 程序 语言 所 遵循 的 标准 ,目前 的 所 
有 脚本 语言 都 可 以 看 做 是 ECMAScript 规范 的 一 种 具体 实现 。 例 如 JavaScript 就 是 由 三 个 
部 分 组 成 的 , 即 : ECMAScript 规范 .文档 对 象 模型 DOM 和 浏览 器 对 象 模型 BOM 。 

主要 的 客户 端 脚本 语言 有 JavaScript,JScript 和 VBScript 等 ,其 中 ,JavaScript 是 最 早 
的 客户 端 脚本 语言 , 它 是 由 Netscape 随 着 其 Navigator 浏览 器 一 起 推出 的 ,是 浏览 器 默认 的 
脚本 程序 语言 。 后 来 微软 开发 了 IE 浏览 器 ,为 了 在 IE 中 支持 JavaScript 脚本 程序 ,微软 开 
发 了 一 个 类 似 的 脚本 语言 , 即 JScript。 可 以 说 ,在 I 下 浏览 器 中 ,JavaScript 和 JScript 是 等 
价 的 ,两 者 在 语言 上 几乎 没有 什么 区 别 , 但 是 两 者 提供 的 对 象 差 别 较 大 。 

在 网 页 中 书写 脚本 程序 ,脚本 程序 应 该 书写 在 二 script 二 … 一 /script 二 标记 对 内 。 在 网 
页 中 包含 脚本 程序 的 一 般 形 式 是 : 

<script language - " " runat- " " type- ""— 

语句 部 分 

</script> 

其 中 ,language 参数 用 于 设 定 脚 本 程序 语言 , 取 值 可 以 是 JavaScript, Jscript, VBScript 
等 ,如 果 是 JavaScript, 可 以 省 略 不 写 。 另 外 ,在 language 参数 中 ,还 可 以 指定 脚本 语言 的 版 
本 号 ,例如 : language— "Javascriptl. 3", runat 参数 设 定 脚本 是 否 在 服务 端 运 行 , 如 果 设 置 
脚本 为 服务 端 脚本 ,可 以 设置 runat 二 "server"。 参 数 type 指定 媒体 类 型 ,例如 ,type 一 
"text/javascript" 设 置 为 文本 文件 类 型 。 

脚本 程序 可 以 出 现在 网 页 的 头 部 ,也 可 以 出 现在 网 页 的 文档 体 中 ,其 中 出 现在 文档 头 部 
的 脚本 程序 通常 是 一 些 函 数 , 这 些 函 数 只 有 在 显 式 地 被 调用 时 才 被 执行 。 在 介绍 具体 的 客 
户 端 脚本 程序 设计 以 前 , 先 看 两 个 包含 JavaScript 客户 端 脚本 程序 的 简单 网 页 示例 。 

LBI 5-1】 检测 浏览 器 中 的 JavaScript 脚本 程序 版 本 (exa5-1. htm). 

<html> 

<head> 

<title>JavaScript Kril — /title— 

</head> 

<body> 

<hl>JavaScript 检测 二 /hl 二 二 hr 二 

二 1--JavaScript 支持 性 检测 -- 二 
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<script type = "text/javascript"> 

document. write(" 浏 览 器 支持 JavaScript! <br><br>"); 
</script> 
<| --JavaScript Jfi A W--> 
<script language = "JavaScript1. 0"> 

document. write(" 浏 览 器 支持 JavaScript 1. 0<br>"); 
</script> 
<script language = "JavaScriptl.1"— 

document. write( "浏览 器 支持 JavaScript 1. 1<br>"); 
</script> 
<script language = "JavaScript1. 2"> 

document. write( "浏览 器 支持 JavaScript 1.2<br>"); 
</script> 
<script language = "JavaScript1. 3"> 

document. write(" 浏 览 器 支持 JavaScript 1.3<br>"); 
</script> 
<script language = "JavaScript1. 4"> 

document. write(" 浏 览 器 支持 JavaScript 1.4<br>"); 
</script> 
<script language = "JavaScript1. 5"> 

document. write(" 浏 览 器 支持 JavaScript 1.5<br>"); 
</script> 
二 1-- 如 果 浏 览 器 不 支持 JavaScript, 浏览 器 会 显示 相应 的 信息 -- 二 
<noscript> 

浏览 器 当前 设置 不 支持 JavaScript! 
— /noscript— 
</body> 
</html> 


分 别 使 用 TE 6. 0, Maxthon 2( 邀 游 ) 和 Mozilla Firefox 2. 0 打开 上 述 网 页 文件 exa5-1. htm, 
在 IE 6.0 和 Maxthon 2( 邀 游 ) 浏 览 器 中 ,显示 浏览 器 支持 JavaScript 1. 1,1. 2 和 1. 3, 因 为 
Maxthon 浏览 器 采用 了 IE 内 核 , 因 此 ,两 者 对 于 JavaScript 版 本 的 支持 一 致 。 在 Mozilla 
Firefox 2.0 浏览 器 中 ,显示 浏览 器 支持 JavaScript 1. 0 到 JavaScript 1. 5 的 全 部 JavaScript 
版 本 。 

和 所 有 的 软件 开发 一 样 , Web 页 面 中 的 程序 也 需要 对 程序 进行 结构 化 设计 。 在 
JavaScript 中 ,同样 提供 了 函数 定义 与 函数 调用 功能 ,以 支持 结构 化 程序 设计 。 由 于 浏览 器 
浏览 的 Web 页 是 顺序 地 从 Web 服务 器 调 出 ,并 由 浏览 器 解释 执行 的 ,函数 必须 遵循 先 定 义 
(一 般 放 在 一 head 二 … 二 /head 二) 后 调用 (在 二 body 二 … 一 /body 二 内 ) 的 原则 。 

[805-2] 一 个 包含 JavaScript 函数 的 实例 (exa5-2. htm). 

在 下 面 的 例子 中 ,在 页 面 的 头 部 定义 了 一 个 计算 正 整数 阶乘 的 函数 ,该 函数 将 在 文档 体 
中 被 调用 。 

<html> 

<title>Function in JavaScript </title> 

<head> 

<script language = "Javascript" > 


function fact(n) 


{ 
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if (n--0) 
return 1; 
else 
return nx fact(n- 1); 
) 
</script> 
</head> 
<body> 
<p>fact(5) = 
<script language = "JavaScript" > 
document. write(fact(5)); 
</script> 
</body> 
</html> 
在 浏览 器 中 打开 上 述 网 页 文件 ,在 浏览 器 中 显示 : fact(5) 一 120。 
JavaScript 程序 和 一 般 的 编译 型 程序 不 同 , 它 没有 一 个 操作 系统 调用 的 主 程序 (如 : 
C 语言 中 的 maino RBO ,一 个 JavaScript 函数 定义 时 并 不 发 生 作 用 ,只 有 在 引用 时 (函数 定 
义 后 的 document. write 语句 ) 才 被 激活 。 
因为 不 同 的 浏览 器 和 浏览 器 版 本 支持 的 脚本 语言 版 本 也 不 相同 ,因此 ,在 书写 客户 端 脚 
本 程序 时 ,应 该 根据 浏览 器 的 种 类 和 版 本 ,使 用 合适 的 内 置 对 象 和 浏览 器 对 象 ,否则 ,如果 程 
序 中 使 用 了 一 些 高 版 本 脚本 语言 包含 的 对 象 , 则 网 页 在 不 支持 该 版 本 的 浏览 器 中 或 低 版 本 
的 浏览 器 中 可 能 不 能 正常 的 显示 。 


52 JavaScript 程序 设计 基础 


JavaScript 是 一 种 基于 对 象 的 .事件 驱动 的 浏览 器 脚本 编程 语言 。1995 年 ,Netscape JF 
始 研发 一 种 开发 代号 为 “ 魔 卡 (Mocha)” 的 脚本 语言 ,根据 Netscape 的 Live 战略 ,该 语言 很 
快 更 名 为 LiveScript, 到 了 1995 年 末 , 为 了 迎合 市 场 对 Java 语言 的 热情 和 市 场 营 销 的 需要 ， 
该 脚本 语言 正式 地 命名 为 JavaScript。 由 于 名 称 的 缘故 ,容易 使 人 们 将 JavaScript 和 Java 
联系 在 一 起 ,但 是 ,无 论 从 思想 和 应 用 环境 上 JavaScript 和 Java 语言 都 有 着 本 质 的 区 别 。 


524 JavaScript 基本 符号 

任何 一 种 程序 设计 语言 都 有 其 自身 的 字符 集 和 基本 符号 ,它们 按照 语法 构成 程序 语句 ， 
然后 语句 再 构成 程序 。 

1 基本 字符 


JavaScript 语言 的 基本 字符 有 字母 (a、.b、…、z,A、B、…、2) 数字 (0.1…、9) 和 特殊 符号 
CP 一 4 等) 三 天 类 。 

同 C 语 言 一 样 ,JavaScript 中 同样 有 些 以 反 斜 枉 (\) 开 头 来 表示 不 可 显示 的 特殊 字符 ， 
通常 称 为 控制 字符 。 
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2 关键 字 


由 字母 构成 的 具有 固定 含义 的 单词 ,如 var 代表 变量 说 明 ,if 表示 条 件 语句 等 。 
JavaScript 的 关键 字 很 多 ,可 以 参考 JavaScript 的 专门 书籍 。 

需要 特别 注意 的 是 ,JavaScript 是 识别 大 小 写 的 ,在 JavaScript 中 ,关键 字 需 要 小 写 , 如 
果 书 写 有 误 , 将 显示 “JavaScript 脚本 错误 ”的 警告 。 


3. 标识 符 


表示 常量 ,变量 和 函数 等 名 称 的 符号 。 标 识 符 分 为 标准 标识 符 和 用 户 自 定义 标识 符 。 
标准 标识 符 是 表示 标准 常量 和 标准 函数 等 名 称 的 符号 。JavaScript 中 的 标准 常量 和 标准 函 
数 见 下 面 的 介绍 。 

用 户 自 定义 标识 符 是 指 用 于 说 明 常量 、 变 量 和 函数 等 名 称 的 符号 。 用 户 自 定义 标识 符 
必须 以 字母 开始 ,由 任意 的 字母 .数字 和 “_” 组 成 。 用 户 在 命名 标识 符 时 应 该 有 一 定 的 命名 
规范 : 首先 ,用 户 自 定义 标识 符 不 应 该 与 标准 标识 符 重 名 。 第 二 ,用 户 自 定义 标识 符 要 尽 可 
能 反映 它 所 代表 的 对 象 的 含义 。 如 : 用 Name 代表 名 称 比 用 x 代表 名 称 可 读 性 更 强 。 第 
三 ,如 果 是 一 个 变量 名 ,还 应 该 尽 可 能 反映 变量 的 数据 类 型 和 作用 域 ,比如 用 nUserID 表示 
一 个 用 户 标识 ,最 前 面 的 小 写字 母 n 代表 变量 为 整数 类 型 。 第 四 ,大 小 写 混 写 和 较 长 的 标识 
符 可 以 把 含义 表达 得 更 清晰 。 总 之 ,好 的 命名 规范 可 以 提高 程序 的 可 读 性 ,便于 程序 的 
维护 。 


4 注释 


为 了 增加 程序 的 可 读 性 ,一 般 在 程序 中 增加 注释 语句 ,注释 内 容 没 有 语法 要 求 ,其 内 容 
仅仅 是 一 个 提示 作用 。 在 JavaScript 中 ,注释 以 “//” 字 符 引 导 , 注 释 可 以 单独 一 行 ,也 可 以 
在 语句 行 的 后 面 。 

需要 说 明 的 是 ,与 HTML 的 注释 (二 !-- … -- 二 ) 不 同 , 当 在 服务 器 端 处 理 脚 本 时 ， 
JavaScript 中 注释 将 被 删除 ,而 不 是 被 送 到 浏览 器 。 若 需要 客户 端 浏览 器 看 到 脚本 中 的 注 
释 , 应 该 使 用 HTML 注释 将 注释 加 进 HTML 页 。 此 时 ,注释 将 返回 给 浏览 器 o 


522 数据 和 数据 类 型 


JavaScript 脚本 程序 语言 是 一 种 解释 性 的 程序 语言 ,所 写 的 脚本 程序 不 需要 编译 和 链 
接 , 它 采用 边 读 边 执行 的 方式 运行 。 在 数据 类 型 方面 ,JavaScript 提供 了 四 种 基本 的 数据 类 
型 用 来 处 理 数字 和 文本 。 

JavaScript 提供 的 数据 类 型 有 : 数值 (整数 和 实数 ) .字符 串 型 (用 双 引 号 "或 单 引号 ' 括 
起 来 的 字符 ) ,布尔 型 (True 和 False). 

在 JavaScript 的 基本 类 型 中 的 数据 可 以 是 常量 ,也 可 以 是 变量 。 由 于 JavaScript 采用 
弱 类 型 的 形式 ,因此 变量 不 必 事 先 声 明 其 数据 类 型 ,可 以 在 使 用 或 赋值 时 确定 其 数据 类 型 。 
此 外 ,一 个 变量 的 类 型 在 使 用 时 还 可 以 被 改变 。 

通常 情况 下 ,可 以 先 给 变量 赋 一 个 初 值 ,通过 初 值 的 类 型 来 声明 该 变量 的 数据 类 型 ,这 
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更 加 符合 一 般 的 程序 设计 思想 ,例如 : 
var x = "hello"; 


上 述 语句 声明 了 一 个 变量 x, 通 过 为 x 赋 初 值 "hello" ,将 x 作为 一 个 字符 串 类 型 变量 。 
在 后 面 的 语句 中 ,可 以 给 x 赋 一 个 整数 ,如 : x 二 100, 这 样 变量 x 就 成 为 整数 类 型 了 。 在 
JavaScript 中 ,上 述 变 量 类 型 的 改变 不 会 和 其 他 程序 设计 语言 一 样 出 现 赋值 不 相 容 的 错误 。 


523 常量 和 变量 


1 常量 和 常量 定义 


常量 是 指 在 程序 执行 过 程 中 ,其 值 不 发 生变 化 的 量 。 常 量 有 字面 常量 和 符号 常量 两 种 。 
字面 常量 就 是 一 些 数值 或 字符 串 ,例如 : 3. 14、"hello" 等 都 是 字面 常量 。 根 据 数据 类 型 的 不 
同 , 常 量 可 分 为 整数 常量 .实数 常量 .字符 常量 等 。 字 符 型 常量 是 指使 用 单 引号 (") 或 双 引 号 
(0) 括 起 来 的 一 个 或 多 个 字符 。 如 'a'、"hello"、"5123"、"x 十 y" 等 ,其 中 单 引 号 括 起 来 的 为 单 
个 字符 , 双 引 号 括 起 来 的 为 字符 串 。 符 号 常量 是 指 为 一 个 常量 起 一 个 名 字 , 即 常量 名 ,常量 
名 是 一 个 用 户 自 定义 标识 符 。 例 如 : 用 pi 代表 圆周 率 3. 14。 

常量 命名 有 两 方面 的 好 处 ,首先 恰当 的 常量 名 称 可 以 增加 程序 的 可 读 性 ; 其 次 ,使 用 常 
量 名 可 以 便于 程序 的 维护 。 例 如 ,可 以 命名 常量 pi=3.14, 如 果 和 希望 提高 求解 精度 ,可 以 修改 
pi 的 定义 为 pi=3.1416, 这 种 修改 只 在 一 处 进行 ,不 会 产生 不 一 致 的 情况 ,而 且 修改 简单 。 


2 变量 和 变量 说 明 


所 谓 * 变 量 ?是 指 在 程序 执行 过 程 中 ,其 值 发 生变 化 的 量 。 每 一 个 变量 都 有 一 个 变量 名 ， 
对 应 一 个 特定 的 内 存 空间 。 变 量 有 两 个 重要 的 属性 ,一 个 是 数据 类 型 ,一 个 为 操作 运算 。 数 
据 类 型 决定 了 变量 所 占 内 存 空 间 的 大 小 ,也 决定 了 数据 的 取 值 范围 和 操作 运算 。 例 如 ,一 个 
整数 类 型 的 变量 在 内 存 中 占 两 个 字 节 ,能 够 进行 算术 运算 和 关系 运算 等 。 字 符 类 型 变量 占 
一 个 字 节 ,能 进行 关系 运算 ,但 不 能 进行 算术 运算 。 

在 JavaScript 中 ,变量 命名 的 一 般 形 式 是 : 

var 二 变量 名 表 之 ; 


其 中 ,var 是 JavaScript 的 保留 字 , 表 明 接 下 来 是 变量 说 明 , 变 量 名 表 是 用 户 自 定义 标识 
符 , 变 量 之 间 用 逗号 分 开 。 和 C++ 等 程序 设计 语言 不 同 ,在 JavaScript 中 ,变量 说 明 不 需要 
给 出 变量 的 数据 类 型 。 此 外 ,变量 也 可 以 不 说 明 而 直接 使 用 。 

例如 : var x.ys 则 定义 了 两 个 变量 ,名 称 分 别 为 x 和 y, 没 有 给 出 具体 的 数据 类 型 ,也 没 
有 赋予 它 的 值 。 

再 如 : var myName- ''John "…, 则 定义 了 一 个 变量 myName, 同 时 赋予 了 它 一 个 字符 串 
值 。 在 JavaScript 中 ,变量 可 以 不 作 声明 ,在 使 用 时 ,数据 的 类 型 将 确定 变量 的 类 型 。 


3 变量 的 作用 域 


变量 的 作用 域 由 声明 变量 的 位 置 决定 ,决定 哪些 脚本 命令 可 访问 该 变量 。 在 函数 外 部 
声明 的 变量 称 为 全 局 变量 ,其 值 能 被 所 在 HTML 文件 中 的 任何 脚本 命令 访问 和 修改 。 在 
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函数 内 部 声明 的 变量 称 为 局 部 变量 。 只 有 当 函 数 被 执行 时 ,变量 被 分 配 临 时 空间 ,函数 结束 
后 ,变量 所 占据 的 空间 被 释放 。 局 部 变量 只 能 被 函数 内 部 的 语句 访问 ,只 对 该 函数 是 可 见 
的 ,而 在 函数 外 部 则 是 不 可 见 的 。 


524 表达 式 和 运算 符 


表达 式 是 指 将 常量 、 变 量 、 函 数 、 运 算 符 和 括号 连接 而 成 的 式 子 。 根 据 运 算 结果 的 不 同 ， 
表达 式 可 分 为 算术 表达 式 ( 结 果 为 整数 或 实数 ) .字符 表达 式 ( 结 果 为 字符 或 字符 串 ) 和 逻辑 
表达 式 ( 结 果 为 true 或 false) 。 

JavaScript 提供 了 丰富 的 运算 功能 ,包括 算术 运算 .关系 运算 .逻辑 运算 和 连接 运算 等 。 


1. 算术 运算 符 


JavaScript 中 的 算术 运算 符 有 单 目 运算 符 和 双 目 运算 符 。 双 目 运 算 符 包 括 : 十 (加 )、 
一 ( 减 )、x* ( 乘 )、/( 除 )、%( 取 模 )、|( 按 位 或 )、&.( 按 位 与 ) 二 一 ( 左 移 )、 二 二 ( 右 移 ) 等 。 单 
目 运 算 符 有 : 一 ( 取 反 )、 一 ( 取 补 )、 十 十 ( 递 加 1) ,一 一 (递减 1) 等 。 


2 关系 运算 符 


关系 运算 又 称 比较 运算 ,运算 符 包括 : 二 (小 于 ) 到 = (小 于 等 于 ) .>( 大 于 )、 > 一 (大 
于 等 于 ) .= (等 于 ) 和 ! = (不 等 于 ) 。 
关系 运算 的 运算 结果 为 布尔 值 ,如 果 条 件 成 立 , 则 结果 为 true, 否 则 为 false; 


3. 逻辑 运算 符 

逻辑 运算 符 有 : S (逻辑 与 )、| (逻辑 或 )、! ( 取 反 ,逻辑 非 ) (逻辑 异 或 ) 。 

4 字符 串 连 接 运 算 符 

连接 运算 用 于 字符 串 操 作 ,运算 符 有 十 (用 于 强制 连接 ) ,将 两 个 或 多 个 字符 串 连 接 为 一 
个 字符 串 。 

5. 三 目 操作 符 

三 目 操作 符 “?: "格式 为 : 

操作 数 ? 表达 式 1: 表达 式 2 


三 目 操作 符 “?: ”构成 的 表达 式 ,其 逻辑 功能 为 : 若 操作 数 的 结果 为 true, 则 表达 式 的 结 
果 为 表达 式 1, 和 否则 为 表达 式 2。 例 如 max= (a7 b)? a: b, 该 语句 的 功能 就 是 将 a、b 中 的 较 
大 的 数 赋 给 max. 


525 基本 语句 


所 有 的 程序 设计 语言 ,无 论 是 过 程式 程序 设计 语言 还 是 面向 对 象 的 程序 设计 语言 ,其 程 
序 设计 语句 都 可 以 分 为 三 种 类 型 , 即 : 顺序 语句 、 分 支 语句 和 重复 语句 ,使 用 这 三 种 语句 就 
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可 以 描述 用 户 的 所 有 业务 逻辑 。 
1. 顺序 语句 


从 本 质 上 讲 , 在 一 个 程序 中 ,语句 的 执行 总 是 从 上 而 下 顺序 执行 的 。 在 过 程式 的 程序 设 
计 语 言 中 ,这 种 顺序 是 程序 本 身 所 显 式 地 定义 的 。 例 如 C 语言 中 的 函数 调用 , 遇 到 函数 调 
用 , 转 去 执行 相应 的 函数 ,执行 结束 后 返回 。 在 面向 对 象 的 程序 设计 语言 中 ,函数 的 调用 变 
得 更 加 复杂 , 它 是 在 程序 的 运行 过 程 中 ,由 事件 触发 消息 ,由 消息 来 激活 函数 。 这 样 的 事件 
驱动 机 制 , 使 函数 的 调用 变 得 不 再 像 过 程式 程序 设计 中 的 显 式 调用 那么 清晰 ,但 这 种 消息 影 
射 (message map) 机 制 降低 了 函数 之 间 的 看 合 度 ,大 大 增强 了 软件 系统 的 可 维护 性 ,在 函数 
内 部 ,语句 仍然 是 从 上 到 下 顺序 执行 的 。 

无 论 是 C、C++ 、Java, 还 是 JavaScript, 由 于 语句 语法 的 需要 ,有 时 候 需 要 将 多 个 语句 看 
作 逮 辑 上 的 一 个 语句 ,此 时 需要 将 这 多 个 语句 之 间 用 分 号 “;” 分 开 , 然 后 用 一 对 花 括 号 “{” 和 
“}” 括 起 来 , 称 为 语句 块 。 在 语句 块 内 部 ,语句 从 上 而 下 顺序 执行 。 


2 分支 结 构 


在 JavaScript 中 ,实现 分 支 结构 的 语句 有 三 种 ,它们 是 条 件 判断 语句 in if] .if…else… 语 
句 和 开关 语句 switch 语句 。 
CD if if] 
让 语句 的 一 般 形式 是 : 
if 〈 去 条件 表达 式 二 ) 
<H>; 
站 语句 首先 计算 条 件 表达 式 的 值 ,车 计算 结果 为 true, 则 执行 语句 部 分 ,否则 执行 f 语 
句 下 面 的 语句 。 计 语句 逻辑 功能 如 图 5-1 所 示 。 
语句 部 分 逻辑 上 是 一 个 语句 ,如 果 语句 部 分 需要 多 个 语句 来 实现 ,应 将 这 多 个 语句 用 
“{” 和 “}” 括 起 来 ,形成 语句 块 , 作 为 一 个 逻辑 上 的 语句 。 
例如 : if (a> =b) 
{ 
subs 
) 
(2) if…else 语句 
if…else 语句 先 计算 条 件 表达 式 的 值 ,根据 计算 结果 确定 要 运行 的 语句 。 一 般 形式 是 : 
if 〈 去 条件 表 达 式 二 ) 
ihi; 


else 
«ish 2>; 


if…else 语句 首先 计算 条 件 表 达 式 的 值 , 若 为 true, 则 执行 语句 1, 和 否则 ,执行 语句 2.38 
辑 功 能 如 图 5-2 所 示 。 
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true 1 
语句 1 语句 2 
语句 
下 面 的 语句 下 面 的 语句 
图 5-1 if… 语 句 逻辑 功能 图 图 5-2 if…else 语句 逻辑 功能 图 


在 存在 两 种 分 支 的 情况 下 ,if…else 语句 可 以 很 好 地 描述 这 种 逻辑 。 在 多 种 分 支 的 情况 
下 ,可 以 使 用 if…else 语句 的 肉 套 进行 描述 ,但 是 榜 套 降低 了 程序 的 可 读 性 。 为 此 ,对 于 多 
种 分 支 的 情况 ,JavaScript 提供 了 switch 语句 。 

(3) switch 语句 

switch 语句 提供 了 if…else 多 层 幅 套 结构 的 一 个 变通 形式 ,可 以 从 多 个 语句 块 中 选择 
执行 其 中 的 一 个 。switch 语句 提供 的 功能 与 if…else 语句 类 似 ,但 是 可 以 使 代码 更 加 简练 
易 读 。switch 语句 的 一 般 形式 为 : 


switch (一 数值 或 字符 串 表 达 式 过) 
{ 
case 表达 式 1 
语句 1; 
[break; ] 
case 表达 式 2 
语句 2; 
[break; ] 


case 表达 式 n 
iB) n; 条 件 表 达 式 
[break; ] 

[default 
语句 n+ 17 


] 

} 

在 switch 语句 的 开始 是 一 个 条 件 表达 式 , 该 条 
件 表达 式 可 以 是 一 个 整数 、 实 数 或 字符 串 表达 式 。 表 
达 式 的 结果 将 与 结构 中 每 个 case 的 值 比较 。 如 果 匹 
配 , 则 执行 与 该 case 关联 的 语句 块 。 执 行 完 后 ,如 果 
希望 退出 switch 语句 , 则 需要 使 用 break 语句 ,否则 ， 
将 继续 下 面 的 case 匹配 。switch 语句 的 逻辑 功能 如 下 面 的 语句 
图 5-3 所 示 。 图 5-3 switch 语句 逻辑 功能 图 


3. 重复 结构 
当 部 分 语句 需要 反复 执行 时 ,需要 使 用 重复 语句 。 重 复 语句 总 是 由 循环 体 和 循环 终止 
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条 件 两 部 分 组 成 ,在 JavaScript 中 可 使 用 下 列 两 种 形式 的 重复 语句 。 

(1) while 循环 语句 

while 循环 语句 是 先 判断 循环 终止 条 件 , 然 后 再 执行 循环 体 , 因 此 循环 体 可 能 一 次 也 不 
被 执行 。while 循环 语句 的 一 般 形式 是 : 

while (一 条 件 表达 式 二 ) 

<H>; 

首先 计算 条 件 表达 式 的 值 , 若 计算 结果 为 true, 则 执行 循环 体 语 句 , 然 后 无 条 件 地 返回 
while 语句 开始 ,继续 计算 条 件 表 达 式 的 值 。 如 果 条 件 表 达 式 计算 的 结果 为 false, 则 结束 循 
环 ,执行 while 循环 语句 下 面 的 语句 。 逮 辑 功能 如 图 5-4 所 示 。 

(2) for 循环 语句 

一 般 形式 为 : 

for (表达 式 1; 表达 式 2; 表达 式 3) 

di; 

执行 过 程 如 下 : 

Stepl: 计算 表达 式 1. 

Step2: 计算 表达 式 2, 如 果 结 果 为 true, 则 执行 循环 体 , 然 后 转 Step3。 和 否则 ,结束 循环 。 

Step3: 计算 表达 式 3。 

Step4: 无 条 件 转 Step2。 

Step5: 循环 结束 ,执行 for 语句 下 面 的 语句 。 

逻辑 功能 如 图 5-5 所 示 。 


条 件 表达 式 > Be 
true 
1 
语句 
—— 
下 面 的 语句 下 面 的 语句 
图 5-4 while 语 句 逻 辑 功能 图 图 5-5 for 语句 逻辑 功能 图 


在 for 语句 中 ,表达 式 1、 表 达 式 2 和 表达 式 3 中 可 以 省 略 其 中 的 一 个 或 多 个 ,但 它们 之 
间 的 分 号 不 能 省 略 。 例 如 ,可 以 写 下 面 的 for 语句 形式 


fori) 
{ 


) 
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上 述 for 语句 是 一 个 死 循 环 , 在 循环 体 中 必须 包含 break 语句 ,以 结束 循环 的 执行 。 另 
外 ,循环 体 的 内 部 也 可 以 包含 循环 语句 , 即 循 环 的 府 套 ,构成 多 重 循 环 。 需要 特别 注意 关键 
字 要 小 写 , 例 如 for 不 应 该 写成 For。 


4 break 和 continue 语句 


与 C++ 语 言 相同 ,使 用 break 语句 使 得 程序 执行 从 for 语句 或 while 语句 中 跳出 ， 
continue 使 得 跳 过 循环 内 剩余 的 语句 而 进入 下 一 次 循环 。 


526 函数 


在 结构 化 程序 设计 中 ,函数 是 实现 结构 化 程序 设计 的 主要 手段 , 它 把 一 个 系统 中 需要 反 
复 多 次 执行 的 部 分 定义 为 一 个 函数 。 如 判断 一 个 数 是 否 为 素数 、 求 两 个 数 的 最 大 公约 数 等 。 
在 JavaScript 语言 中 ,已 经 给 出 了 许多 标准 函数 ,同时 也 允许 用 户 自己 定义 函数 。 

在 JavaScript 中 ,函数 是 以 function 开头 定义 的 ,由 函数 头 部 和 函数 体 构 成 ,一 般 形 
X. 

function 一 函数 名 二 CE SCA CRT) 

{ 

变量 说 明 部 分 ; 
语句 (函数 体 ); 

} 

在 函数 的 定义 中 ,函数 名 后 有 形式 参数 表 , 这些 形 式 参 数 变量 可 能 是 一 个 或 几 个 ,在 
JavaScript 中 可 通过 函数 名 . arguments . Length 来 检查 参数 的 个 数 。 在 函数 体 中 ,可 以 分 
为 变量 说 明和 语句 部 分 ,变量 说 明 用 于 说 明 该 函数 所 要 处 理 的 数据 ,语句 部 分 是 对 变量 的 处 
H, fE JavaScript 中 ,由 于 数据 类 型 采用 弱 数 据 类 型 ,变量 说 明 部 分 可 以 省 略 不 写 。 在 函数 
体 的 语句 部 分 必须 要 包含 一 个 返回 函数 值 的 语句 , 即 return 语句 。 


53 事件 驱动 及 事件 处 理 


JavaScript 是 一 种 基于 对 象 (Object Based) 的 程序 设计 语言 。 和 面向 对 象 (Object 
Orinted) 的 程序 设计 语言 不 同 , 它 没有 对 象 的 继承 、 多 态 等 机 制 。 但 是 ,在 JavaScript 中 , 包 
含 了 许多 内 置 对 象 , 可 以 分 享 面向 对 象 的 程序 设计 的 优势 ,同时 ,也 具有 面向 对 象 程序 执行 
的 特征 。 


531 事件 驱动 的 程序 执行 过 程 


在 面向 对 象 的 程序 设计 中 ,事件 消息 和 事件 处 理 程序 是 程序 运行 过 程 中 的 核心 概念 。 
所 谓 事件 (Event) ,一 般 是 指 用 户 在 某 个 操作 对 象 上 所 执行 的 键盘 或 鼠标 操作 。 当 某 个 事件 
发 生 时 ,将 自动 产生 一 系列 的 消息 (Message) ,每 个 消息 对 应 一 个 消息 处 理 函 数 (Event 
Handler) ,从 而 生成 一 个 消息 影射 (Message Map) 。 每 一 个 程序 有 一 个 消息 循环 ,用 户 的 操 
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作 通 过 消息 影射 来 调用 和 执行 相应 的 函数 代码 。 消 息影 射 使 得 函数 之 间 做 到 了 更 大 程度 的 
解 看 ,从 而 大 大 地 增强 了 程序 的 可 维护 性 和 可 扩展 性 。 

在 Web 中 ,浏览 器 的 JavaScript 脚本 引擎 对 于 页 面 文档 ,在 内 存 中 创建 一 个 DOM 树 ， 
对 于 网 页 中 的 每 一 个 标记 ,在 DOM 树 上 对 应 一 个 结 点 。 对 于 每 一 个 标记 ,可 以 设置 其 事件 
属性 ,在 事件 属性 中 给 出 对 应 的 事件 处 理 函 数 , 这 些 函 数 实现 对 DOM 的 操作 , 即 对 网 页 内 
容 进行 操作 ,这 使 得 原先 的 静态 页 面 成 为 可 编程 的 。 


532 JavaScript 中 的 常用 事件 


在 JavaScript 中 ,对 于 不 同 的 页 面 元 素 ,定义 了 相应 的 事件 。 用 户 可 以 设置 这 些 标记 的 
事件 属性 ,从 而 来 定义 相应 的 行为 ,实现 对 页 面 的 操作 。 不 同 的 页 面 元 素 , 其 可 实施 的 事件 
属性 不 同 , 这 些 属 性 可 以 通过 FrontPage, Dreamweaver 等 可 视 化 的 页 面 制 作 工 具 来 查询 。 
在 JavaScript 中 ,鼠标 和 键盘 操作 事件 及 可 操作 的 元 素 对 象 见 表 5-1。 


R51 页 面 元 素 与 对 应 事件 列表 


动 作 事 件 动作 对 象 

单 击 鼠标 onclick <body>, <p>, <img>, <a>, <form> IJ RK Hn rp dg 
各 种 表单 域 元 素 

双击 鼠标 ondblclick 同上 

鼠标 置 于 元 素 对 象 之 上 onmouseover 同上 

鼠标 按 下 onmousedown ”同上 

Bustos onmouseup 同上 

鼠标 移动 onmousemove 同上 

鼠标 离开 元 素 对 象 onmouseout 同上 

键 被 按 下 onkeydown 同上 。 按 键 的 ASCI 码 值 保 存在 window. event. keyCode 中 

键 被 按 下 然后 被 释放 onkeypress 同上 

键 被 释放 onkeyup 同上 

改变 浏览 器 窗口 大 小 onresize <body> 

滚动 元 素 对 象 onscroll <body>, <img> 

元 素 对 象 获得 焦点 onfocus <body> <img>, <a> , 4 form BG XE 

元 素 对 象 失去 焦点 事件 onblur <body>, <a> 4 form 376 3€ 

选中 事件 onselect Mi form rff] Text 或 Textarea 对 象 中 的 文字 被 加 亮 后 ， 
引发 该 事件 

改变 元 素 对 象 值 onchange 当 利 用 一 form 二 中 的 text 或 texturea 元 素 进行 输入 ,内 容 


改变 时 发 出 该 事件 ,同时 当 在 select 表格 项 中 一 个 选项 状 
态 改变 后 也 会 引发 该 事件 


不 同 的 元 素 对 象 , 其 对 应 的 事件 也 不 相同 ,在 FrontPage 中 ,在 “代码 ?视图 下 ,利用 
IntelliSense 技术 可 以 看 到 每 一 个 元 素 的 所 有 可 能 事件 。 
对 于 元 素 的 每 一 个 事件 ,可 以 设置 相应 的 事件 处 理 函 数 ,例如 : 


<form> 
<input type = "button" name= "B1" value= "test" onclick = "change() "> 
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<input type = "text" name = "MyAddress" value = "RoadNo, City" 
onchange = "check(this. value)" 
</form> 
在 上 述 代码 中 ,在 button 按钮 上 单 击 将 激活 changeO RR e text 文本 框 的 内 容 时 
将 激活 check() 函 数 。 对 于 button 按钮 的 onclick 属性 和 text 的 onchange 属性 ,可 以 使 用 
用 户 编写 的 函数 作为 事件 处 理 程序 ,也 可 以 使 用 JavaScript 中 的 内 部 函数 ,也 可 以 直接 使 用 
JavaScript 代码 等 。 例 如 : 


<a href =" &" onclick = "window. close)" >A H O </a>; 


上 述 代码 是 许多 页 面 中 见 到 的 关闭 窗口 ? 超 链 接 为 一 个 空 超 链接 , 当 用 户 点 击 “ 关 闭 
窗口 ” 超 链接 时 ,当前 窗口 被 关闭 。 


54 对 象 及 其 操作 


在 软件 系统 的 开发 中 ,面向 对 象 的 程序 设计 是 目前 最 主流 的 程序 设计 思想 ,大 部 分 的 软 
件 开 发 工具 也 是 面向 对 象 的 ,例如 C++, Java 等 。 面 向 对 象 的 思想 将 问题 域 中 的 每 一 个 实 
体 都 影射 为 软件 系统 中 的 一 个 对 象 ,通过 类 和 对 象 ,实现 了 数据 和 数据 操作 的 封装 , 极 大 地 
增强 了 系统 的 灵活 性 、 可 维护 性 和 可 扩展 性 。 


54.1 类 与 对 象 的 概念 


Æ (Class) 和 对 象 (Object) 是 面向 对 象 的 程序 设计 (CObject Oriented Programming. 
OOP) 的 灵魂 。 所 谓 类 , 它 是 指 一 种 包含 成 员 变 量 和 成 员 函 数 的 数据 结构 。 类 和 传统 的 过 
程式 程序 设计 中 的 数据 类 型 相似 , 它 不 占用 内 存 空间 ,主要 目的 是 用 于 声明 对 象 。 对 象 
(Object) 是 用 类 来 声明 的 数据 结构 ,如 果 将 类 比 作 数据 类 型 ,对 象 就 是 相应 数据 类 型 的 变 
量 , 在 内 存 中 分 配 特定 的 空间 ,存储 数据 。 

JavaScript 并 不 是 一 个 完整 的 面向 对 象 的 程序 设计 语言 , 它 不 提供 关于 对 象 的 抽象 、 封 
装 及 派生 等 功能 。 但 它 可 以 使 用 浏览 器 的 内 置 对 象 .也 可 以 允许 用 户 自 定义 对 象 ,从 而 分 享 
面向 对 象 程序 设计 带 来 的 好 处 。 

JavaScript 定义 “类 ”和 定义 “函数 ”的 语法 是 一 样 的 ,而 且 这 样 的 函数 称 为 该 类 的 构造 
函数 。 用 户 用 函数 定义 来 定义 类 ,然后 用 new 语句 创建 该 类 的 一 个 实例 。 

在 JavaScript 中 ,类 定义 的 一 般 形式 是 : 

function className( < JA ER>) 

$ 


this. propl = propl; // 属性 
this. prop2 = prop2; 


this. meth = FunctionNamel;  // 方法 ,需要 定义 对 应 的 函数 
this. meth = FunctionName2; 
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对 象 属性 和 方法 的 引用 主要 使 用 点 (. ) 运 算 符 ,一 般 形式 为 ， 
对 象 名 .属性 名 | 方法 名 


[B 5-3] 定义 一 个 矩形 类 ,包含 三 个 成 员 变量 ,分 别 是 矩形 的 高 . 宽 和 面积 ,另外 包含 
一 个 计算 面积 的 成 员 函 数 。 


<html> 
<head> 
<script language = "javascript" > 
// 类 成 员 函 数 对 应 的 函数 定义 
function compArea() 
{ 
return this. width * this. height; 
) 
// 定义 一 个 矩形 类 , 包含 两 个 成 员 变量 和 一 个 成 员 函 数 
function MyClass(x, y) 
{ 
this. width = x; 
this.height- y; 
this.getarea - compArea; 
) 
</script> 
</head> 
<body> 
<script language = "javascript" > 
var area = 0; 
myObj = new MyClass(5,6); 
area = myObj. getarea() ; 
document. write(area); 
</script> 
</body> 
</html> 


dE ERARI P ef W MIKRE T — AEE MyClass, 包 含 两 个 成 员 变量 Width 和 
Height, A XEJE KARE EX T — 4 BLU RŽ getarea, 用 于 计算 并 返回 矩形 的 面积 。 在 
页 面 的 二 body 二 体内 ,声明 了 一 个 用 户 类 的 对 象 myObi ,计算 并 输出 该 矩形 的 面积 。 


542 对 象 的 操作 


在 JavaScript 中 提供 了 几 个 用 于 操作 对 象 的 语句 和 关键 字 及 运算 符 。 

CD for…in 语句 

格式 如 下 : for( 对 象 属性 名 in 已 知 对 象 名 ) 

顺序 输出 对 象 各 个 属性 的 值 , 如 果 是 方法 , 则 输出 对 应 的 函数 代码 。 例 如 : 
function showData(object) 

{ 


for(var prop in object) 
document. write(object[prop]); 
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使 用 该 函数 时 ,在 循环 体 中 ,可 以 不 知道 对 象 属性 的 个 数 ,for 可 以 自动 地 将 属性 取出 
来 ,直到 最 后 为 止 。 

(2) with 语句 

使 用 该 语句 ,在 该 语句 体内 ,任何 对 变量 的 引用 被 认为 是 这 个 对 象 的 属性 ,从 而 节省 程 
序 代 码 。 一 般 形 式 为 : 


with object{ 
) 


(3) this 关键 字 

this 是 对 当前 对 象 的 引用 ,在 JavaScript 中 ,对 象 的 引用 是 多 层次 的 ,往往 一 个 对 象 的 
引用 又 需要 对 另 一 个 对 象 的 引用 ,而 另 一 个 对 象 有 可 能 又 要 引用 另 一 个 对 象 ,这 样 有 可 能 造 
成 混乱 ,为 此 JavaScript 提供 了 一 个 用 于 将 对 象 指定 当前 对 象 的 指针 this。 

(4) new 运算 符 

使 用 new 运算 符 可 以 创建 一 个 新 的 对 象 。 创 建 对 象 的 一 般 形式 是 : 


myobj = new calssName( 参 数 表 ); 


其 中 ,myobj 为 创建 的 对 象 名 称 ,calssName 是 类 的 名 称 , 参 数 表 用 于 激活 类 的 相应 的 
构造 函数 ,从 而 为 类 中 的 成 员 变 量 赋 值 。 

如 创建 一 个 日 期 对 象 ,代码 为 : 

myDate = new Date() ; 

myBirthday = new Date("January 18,1973 6:15:00"); 

这 样 就 创建 了 两 个 新 的 日 期 对 象 myDate 和 myBirthday .myDate 对 象 取 当 前 的 计算 机 
时 钟 作为 其 日 期 值 ,而 第 二 个 Date 对 象 myBirthday 被 赋值 一 个 具体 的 日 期 。 


55 常用 内 部 对 象 及 函数 


每 一 种 程序 设计 语言 ,都 可 以 分 成 程序 设计 语法 和 标准 库 两 个 部 分 。 语 法 部 分 通常 用 
于 定义 一 种 程序 语言 的 基本 语法 规范 ,包括 : 字符 集 、 保 留 字 、 数 据 和 数据 类 型 程序 语句 等 
内 容 。 标 准 库 则 是 指 为 用 户 提供 的 一 组 常用 函数 库 或 类 库 。 对 于 结构 化 程序 设计 语言 , 例 
di C 语言 ,标准 库 通常 是 一 组 标准 的 函数 库 , 包 含 了 大 量 的 标准 函数 。 如 果 是 面向 对 象 的 
程序 设计 语言 ,例如 C++ Java 等 ,标准 库 则 是 一 组 标准 类 库 , 包 含 了 大 量 的 标准 类 。 使 用 
标准 函数 库 或 类 库 ,可 以 提高 用 户 的 编程 效率 和 保证 程序 代码 质量 。 

由 于 JavaScript 是 一 种 基于 对 象 的 脚本 程序 设计 语言 , 它 具 有 面向 对 象 程 序 设 计 语言 
的 特点 ,但 又 不 完全 是 面向 对 象 的 程序 设计 。 这 体现 在 关于 类 库 的 设计 方面 ,例如 
JavaScript 不 仅 提 供 了 一 组 标准 类 库 , 同 时 还 提供 了 一 组 常用 的 对 象 和 全 局 函数 。 而 在 面 
向 对 象 的 程序 设计 思想 中 ,尽量 不 使 用 全 局 对 象 变量 ,所 有 的 函数 都 应 该 隶属 于 一 个 类 。 不 
同 的 JavaScript 版 本 ,包含 的 内 部 对 象 和 函数 也 不 一 样 ,下 面 介 绍 一 些 常 用 的 内 部 对 象 和 
函数 。 
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5541 String 对 象 


在 JavaScript 中 ,每 个 字符 串 都 是 一 个 String 对 象 。 使 用 String 对 象 时 ,不 需要 像 一 般 
自 定义 对 象 一 样 用 new 关键 字 在 内 存 中 创建 对 象 ,而 是 可 以 直接 将 一 个 字符 串 赋 给 一 个 变 
ft. string 字符 串 对 象 封装 了 JavaScript 中 的 字符 串 以 及 相关 的 操作 。 

字符 串 对 象 的 生成 十 分 简单 ,而 且 是 隐 式 的 ,不 使 用 new 关键 字 , 例 如 : 


var myStr = "Hello"; 


这 样 ,myStr 就 是 字符 串 对 象 了 ,一 个 变量 被 声明 为 字符 串 对 象 之 后 , 它 就 拥有 了 这 个 
对 象 类 的 属性 和 方法 ,可 以 和 一 般 对 象 一 样 ,使 用 对 象 的 方法 ,取得 对 象 的 属性 。 


1 字符 串 对 象 的 属性 


字符 串 对 象 的 属性 只 有 一 个 ,这 就 是 length( 长 度 ) 属 性 ,返回 字符 串 的 长 度 。 需 要 说 明 
的 是 ,如 果 字 符 串 为 英文 ,那么 长 度 属性 的 值 是 字母 个 数 加 上 特殊 符号 个 数 , 加 上 空格 数 ; 
但 是 如 果 字 符 串 是 中 文 , 每 个 中 文 单字 占 两 个 英文 字符 的 长 度 。 
例如 : 
<script> 
var myStr = "Hello"; 
document. write(myStr. length); 
</script> 


上 述 代 码 在 浏览 器 中 输出 字符 串 "“Hello” 的 长 度 为 5。 

2 查找 字符 和 子 串 

在 字符 串 类 的 成 员 函 数 中 ,有 一 类 用 于 查找 在 字符 串 中 某 一 特定 字符 的 所 在 位 置 ,或 者 
是 字符 串 中 特定 字符 的 有 无 ,或 者 是 特定 位 置 的 字符 值 。 

(1) charAt() 

这 个 方法 返回 string 对 象 特定 位 置 的 字符 值 , 一 般 形式 是 : 

StrName. charAt(Position); 

StrName 是 字符 串 变 量 名 或 字符 串 常量 。Position 用 来 指定 希望 取得 的 字符 在 字符 串 
中 的 位 置 , 它 是 大 于 等 于 0, 小 于 字符 串 长 度 属性 (length) 的 正 整数 。 例 如 : 

var myStr = "abcdefg" ; 

Var FiveChar = myStr.charAt(4); 

上 述 语句 将 取出 字符 串 中 的 第 5 个 字符 ,并 将 它 存 储 于 FiveChar 变量 中 。 需 要 注意 ， 
这 个 成 员 方 法 只 适用 于 英文 字符 串 , 对 于 中 文字 符 串 , 它 将 返回 一 个 乱码 ,因此 ,要 避免 在 中 
文字 符 串 中 使 用 这 个 成 员 方法 。 

(2) indexOf() 

这 个 方法 返回 指定 的 字符 (或 字符 串 ) 在 字符 串 中 的 位 置 ,一 般 形式 为 : 
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StrName. indexOf(subStr); 或 者 

StrName. indexOf( subStr, StartPosition); 

其 中 StrName 是 字符 串 对 象 名 ,可 以 是 常量 ,也 可 以 是 字符 串 变量 。subStr 是 一 个 待 
查找 的 字符 或 者 字符 串 ,可 以 是 常量 ,也 可 以 是 变量 。 在 省 略 StartPosition 的 情况 下 «JC PR 
数 将 从 字符 串 的 第 一 个 字符 开始 查找 ; 当 StartPosition 参数 存在 的 情况 下 ,这 个 函数 将 从 
字符 串 中 的 第 StartPosition 十 1 个 字符 开始 查找 ; 当 StartPosition 超过 字符 串 的 长 度 时 , 返 
回 一 1。 当 所 希望 查找 的 字符 串 找 不 到 时 ,返回 一 1 。 当 字符 串 中 有 两 个 以 上 的 待 查找 字符 
串 , 则 返回 被 搜寻 字符 串 中 位 置 在 最 前 面 的 待 查 字符 串 的 位 置 。 

(3) lastIndexOf() 

这 个 方法 的 使 用 与 indexOf() 方 法 十 分 相似 ,indexOf() 是 按照 从 左 到 右 的 顺序 查找 待 
查找 字符 串 ,而 lastIndexOf() 是 按照 从 右 到 左 的 顺序 查找 待 查找 的 字符 串 。 

lastIndexOf() 也 可 以 指定 开始 查找 的 位 置 ,指定 的 方法 和 indexOfO — FE 

(4) substring) 

返回 一 个 指定 的 子 字符 串 , 它 的 语法 是 : 

StrName. substring(Positionl,Position2); 

StrName. substring(Position); 

第 一 种 格式 中 ,返回 下 标 从 Positionl 到 Position2 之 前 的 字符 串 ( 不 包含 下 标 是 
Position2 的 字符 )。 例 如 : substring(1,3) 代 表 返 回 下 标 是 1 一 2 的 字符 , 即 字符 串 中 的 第 二 
和 第 三 个 字符 。 这 两 个 参数 的 大 小 关系 可 以 任意 ,在 调用 时 , 取 两 参数 中 较 小 的 值 作为 子 串 
开始 的 下 标 值 , 取 较 大 的 参数 减 1 作为 子 串 结束 的 下 标 值 。 

第 二 种 格式 的 Position 用 来 指定 子 串 开始 的 字符 下 标 位 置 , 而 子 串 结束 的 位 置 取 被 搜 
索 字符 串 的 结尾 。 例 如 : substring(1) 代 表 取 第 二 个 字符 开始 到 结尾 的 所 有 字符 。 


3. 改变 字符 串 大 小 写 


StrName. toLowerCase() ; 
StrName. toUpperCase() ; 
这 两 个 成 员 方法 分 别 将 字符 串 中 所 有 的 字母 变 为 小 写字 母 或 大 写字 母 ,将 变化 后 的 结 
果 返 回 。 但 是 , 原 字 符 串 内 的 大 小 写 不 变 。 
例如 : 
<script> 
var myStr = "Hello"; 
document. write(myStr. toUpperCase()); 
</script> 


则 输出 大 写 的 字符 串 "HELLO”。 
4 形成 HTML 文 本 格式 


网 页 中 常常 需要 这 样 做 ,对 一 个 字符 串 变 量 进行 操作 ,使 它 变 为 一 定 的 HTML 特定 格 
式 。 例 如 ,一 个 字符 串 变量 定义 如 下 : 
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var aStr - "This is the Discount Table" 

需要 的 格式 是 : 

<a href = "home. htn1"-— This is the Discount Table</a> 

可 以 利用 字符 串 的 “十 ”操作 来 将 其 转化 。 但 是 JavaScript 中 提供 了 更 简单 的 方法 。 
(1) fontcolor() 方 法 

形成 并 返回 一 个 指定 颜色 的 字符 串 , 它 的 语法 格式 是 : 

StrName. fontcolor(FontColor); 

其 中 FontColor 是 一 个 颜色 的 名 字 :, 或 者 是 一 个 用 十 六 进 制 表示 的 颜色 。 例 如 : 


var RStr = "Font Color Exmaple"; 
var FontColorText - AStr. fontcolor("green"); 
document. write(FontColorText); 


那么 显示 的 文字 应 是 绿色 的 。 相 当 于 FontColorTexc 具有 下 面 的 值 : 
<font color = "green" Font Color Example< /font> 


(2) fontsizeO Jrik 
形成 并 返回 一 个 特定 大 小 的 字符 串 ,一 般 形 式 是 : 


StrName. fontsize(FontSize); 


其 中 FontSize 参数 是 数值 型 的 变量 或 者 常数 。 现 在 JavaScript 识别 的 字体 有 7 种 ， 
FontSize 参数 由 1 一 7 ,字体 由 小 到 大 。 当 FontSize 参数 大 于 7 时 ,将 被 当 作 7 处 理 ; 当 其 小 
于 1 时 ,将 被 当 作 1 处 理 ; 这 个 参数 也 可 以 是 负数 。 当 参数 是 一 1 时 有 一 点 特殊 , 它 相 当 于 
FontSize—2, 

例如 : "FontSize Example". fontsize(4); 

相当 于 : <font size = 47 "FontSize Example" </font> 

(3) link() 方 法 

用 来 形成 并 返回 一 个 字符 串 , 此 字符 串 用 于 在 网 页 中 构造 一 个 超 链 接 。 它 的 语法 格 
式 是 : 

StrName. link(Href); 


其 中 Href 是 超 链 接 的 URL。 例 如 ,下 面 的 语句 : 


var AStr = "A Href Example"; 
var HrefText = AStr. link( "home. html"); 


将 使 HrefText 变量 具有 下 面 的 值 : 

<a href = "home. html" >A Href Example</a> 

(4) anchor() 方法 

这 个 方法 用 来 形成 并 返回 一 个 字符 串 ,此 字符 串 用 于 在 网 页 中 构造 一 个 锚 点 。 所 谓 “ 锚 
点 ”, 是 指 当 网 页 文档 的 内 容 比较 多 时 ,一 般 在 这 些 网 页 中 ,可 以 通过 单 击 一 些 超 链接 直接 跳 
至 此 网 页 文档 的 一 些 特定 位 置 ,这 些 特定 位 置 就 是 锚 点 。 锚 点 有 自己 的 名 字 , 这 和 一 个 
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URL 类 似 。 当 和 希望 通过 超 链 接 到 达 锚 点 时 ,需要 这 个 成 员 方法 的 语法 格式 为 : 

StrName. anchor( anchorName); 

其 中 anchorName 是 与 HTML 中 二 a 二 标识 中 的 name( 名 字 ) 属 性 相关 的 字符 串 。 例 
如 ,我 们 这 样 使 用 : 


var aStr = "This is the Discount Table "; 
var anchorText - aStr.anchor("Discount"); 
document. write(anchorText); 


则 anchorText 的 取 值 是 : 

<a name = "Discount"-— This is the Discount Table </a> 

于 是 ,用 document. write() 将 这 个 字符 串 写 入 到 网 页 中 就 有 了 一 个 名 字 是 “Discount” 
的 锚 点 ,而 这 个 锚 点 显示 的 文字 是 “This is the Discount Table", 

需要 说 明 的 是 ,JavaScript 是 弱 类 型 程序 设计 语言 ,在 一 个 变量 被 声明 为 字符 串 变 量 之 
后 , 它 仍 旧 可 以 被 赋予 数值 ,这 时 这 个 变量 就 不 再 是 字符 串 了 ,而 成 为 一 个 数值 型 的 变量 。 
例如 : 


var varStr = "name and address"; 
varStr- 1; 


上 述 赋 值 语句 使 varStr 成 为 一 个 数值 型 的 变量 , 它 不 再 拥有 字符 串 的 属性 和 方法 。 
552 Math 对 象 

JavaScript 中 的 Math 对 象 封 装 了 常用 的 数学 常数 和 一 些 常 用 的 数学 运算 ,这些 运算 包 
括 : 三 角 函 数 、 对 数 函 数 、 指 数 函 数 和 一 些 舍 入 函数 等 。 

1. Math 对 象 的 属性 


Math 对 象 中 的 属性 与 其 他 对 象 的 属性 有 一 些 区 别 。 这 些 属性 是 常用 的 数学 常数 , 它 
们 是 定 值 ,因此 它们 是 只 读 的 ,不 允许 对 这 些 对 象 属性 进行 写 操作 。 表 5-2 列 出 了 Math 对 
象 的 属性 名 、 描 述 和 近似 值 ,以 供 参考 。 
表 5-2 Math 对 象 的 属性 


属性 名 说 明 
E 常数 e, 或 称 做 欧 拉 常数 , 它 是 自然 对 数 的 底 。 近 似 值 为 2.718 
LN2 2 的 自然 对 数 , 近 似 值 为 0. 693 
LN10 10 的 自然 对 数 , 近 似 值 为 2. 302 
LOG2E 以 2 为 底 的 常数 E 的 对 数 , 近 似 值 为 1. 442 
LOGIOE 以 10 为 底 的 常数 下 的 对 数 , 近 似 值 为 0. 434 
PI 常数 , 即 圆周 长 和 直径 之 比 ,近似 值 为 3. 142 
SQRTI1. 2 0. 5 的 平方 根 ,近似 值 为 0. 707 


SQRT2 2 的 平方 根 ,近似 值 为 1. 414 
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212 
2 Math 对 象 的 成 员 方 法 
(1) 三 角 函 数 
三 角 函 数 包括 三 角 和 反 三 角 两 类 函数 ,Math 对 象 的 三 角 函 数 见 表 5-3。 
表 5-3 三 角 函 数 和 反 三 角 函 数 
Hm Gu 说 明 
acos( Value) Value 的 反 余 弦 值 ,单位 是 弧度 
asin( Value) Value 的 反正 弦 值 ,单位 是 弧度 
atan(Value) Value 的 反正 切 值 ,单位 是 弧度 
atan2(Xvalue, Yvalue) 直角 坐标 系 中 (Xvalue, Yvalue) zx 5j X 轴 所 成 的 角度 
cos(Value) Value 的 余弦 值 , Value 的 单位 是 弧度 
sin(Value) Value 的 正弦 值 ,Value 的 单位 是 弧度 
tan(Value) Value 的 正切 值 ,Value 的 单位 是 弧度 
(2) 对 数 、 指 数 函 数 
这 一 类 函数 包括 几 个 常用 的 对 数 和 指数 操作 ,另外 ,还 包括 常用 的 每 函数 操作 ， 
见 表 5-4。 


表 5-4 对 数 和 指数 函数 


m OR Gu 说 PA 
exp( Value) E ff] Value X Jr 
log (Value) Value 的 自然 对 数 
pow(BaseValue,ExpValu) BaseValue 的 ExpValue 次 方 
Sqrt( Value) Value 的 平方 根 
(3) d AGRIC 


舍 人 函数 的 作用 是 将 一 些 不 合乎 需要 的 数值 转化 为 需要 的 数值 ,例如 将 浮 点 数 转化 为 
相应 的 整数 , 见 表 5-5。 


A55 舍 入 函数 
成 员 方 法 说 明 
abs( Value) Value 的 绝对 值 
ceil(Value) 大 于 或 者 等 于 Value 的 最 小 整数 值 
floor( Value) 小 于 或 者 等 于 Value 的 最 大 整数 值 
round( Value) Value 四 舍 五 人 得 到 的 整数 值 


(4) 其 他 

Math 对 象 的 成 员 函 数 还 有 : max(Valuel, Value2) ,用 于 比较 两 数值 ,得 到 Valuel 和 
Value2 中 较 大 的 值 。min(Valuel,Value2) 用 于 得 到 Valuel 和 Value2 中 较 小 的 值 。 

还 有 一 个 是 用 来 产生 随机 数 的 成 员 方 法 。 它 的 语法 是 : 


Math. random() ; 
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它 没有 任何 参数 。 在 JavaScript 中 ,每 次 载 人 相同 的 网 页 ,产生 的 随机 数 (序列 ) 是 不 相 
同 的 。 例 如 : document. write(Math. random()); 将 显示 不 同 的 随机 数 。 


553 Date 对 象 


Date( 日 期 ) 对 象 封装 了 有 关 时 间 和 日 期 的 一 些 变量 和 函数 ,利用 这 些 变量 ,可 以 掌握 当 
前 日 期 和 时 间 。Date 对 象 中 没有 一 个 属性 是 可 以 直接 地 设 定 或 者 取得 的 ,这 种 思想 更 符合 
对 象 的 封装 思想 , 即 成 员 变量 都 是 私有 的 ,提供 公有 的 成 员 函 数 来 访问 私有 的 成 员 变 量 。 

Date 对 象 的 一 般 格式 是 : 


Date(year, month, day, hours, minutes, seconds) 


1. 创建 日 期 对 象 


创建 日 期 对 象 和 数组 对 象 有 些 相似 ,都 需要 使 用 new 关键 字 , 但 它 的 构造 函数 比较 复 
杂 , 有 多 个 不 同 参数 的 构造 函数 ,我 们 可 以 根据 需要 选择 一 种 格式 来 生成 一 个 新 的 日 期 对 
象 , 下 面 分 别 给 出 它们 的 语法 和 范例 : 

格式 1: var DateName — new Date(); 

这 是 最 简单 的 一 种 日 期 对 象 的 创建 格式 。 创 建 该 对 象 时 ,激活 默认 的 构造 函数 ,该 构造 
函数 取 计 算 机 的 当前 时 间作 为 日 期 对 象 的 时 间 值 。 

格式 2: var DateName— new Date(* H. 日 ,年 小时: 分 : 秒 ”); 

在 这 种 格式 中 ,参数 是 一 个 字符 串 ,描述 了 创建 的 Date 对 象 的 各 个 属性 ,该 字符 串 需要 
满足 以 下 情况 : 

CD 在 月 .日 之 间 的 空格 可 以 省 略 , 但 是 在 年 .时 间 之 间 的 空格 不 可 以 省 略 , 和 否则 会 使 晶 
期 无 效 。 月 份 必须 用 英语 的 January、Februlary、…*、December, 不 能 用 数字 。 

(2) 日 ,年 之 间 的 逗号 不 能 省 略 。 

(3) 时 间 部 分 的 小 时 、 分 , 秒 间 的 冒号 不 可 省 略 。 

(4) 当 “ 日 ”这 一 项 超过 当月 的 天 数 时 .将 自动 进位 换算 到 下 一 个 月 。“ 小 时 ”这 一 项 超 
过 24 时 也 将 进位 换算 成 日 。 

例如 : var meetDate = new Date("November 24.2003 11:50:00"); 

格式 3: var Datel = new Date( 年 ,月 ,日 ); 

这 种 格式 中 也 有 几 点 要 说 明 : 

(1) 参数 是 数值 ,不 是 字符 串 ,年 取 后 两 位 。 

(2) 当 * 月 ?超过 12 或 “日 ?超过 当月 天 数 时 ,将 自动 进位 换算 到 下 一 年 和 月 。 

(3)“ 月 ?参数 取 值 是 从 0 到 11, 即 实际 月 份 比 参数 大 一 。 

(4) 小 时 ,分 、 秒 将 被 认为 是 0。 

格式 4: var DateName = new Date( 年 .月 ,日 ,小 时 ,分 , 秒 ); 

这 种 格式 与 前 一 种 很 相近 ,例如 : var Datel —new Date(96.2.23.20,55.00); 


2 get 方 法 组 
我 们 不 能 直接 读 取 Date 对 象 的 属性 ,但 是 可 以 利用 一 系列 get 方法 来 取得 需要 的 
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(1) getYear(): 返回 整数 表示 的 日 期 对 象 的 年 份 值 。 如 果 这 个 年 份 是 1900 年 之 后 的 
某 年 ,返回 的 将 是 后 两 位 ,例如 1999 将 返回 99; 如 果 是 100 一 1900 之 间 的 年 份 ,将 返回 完全 
值 ,例如 1769 将 返回 1769 。 

(2) getMonth(): 返回 整数 表示 的 月 份 值 。 取 值 为 0 一 11,0 代表 1 月 ,1 代表 2 月 等 。 

(3) getDateO ; 返回 整数 表示 的 对 象 日 期 是 在 当月 的 第 几 天 。1 表示 是 第 一 天 (1 号 ) 。 

(4) getDay(): 返回 整数 表示 的 对 象 的 日 期 是 星期 几 。 它 的 数值 在 0 一 6,0 代表 周 日 ， 
1 代表 周 1 

(5) getHours(): 返回 整数 表示 的 对 象 时 间 的 小 时 值 , 它 的 数值 是 0 一 23 。 

(6) getMinitesO ; 返回 整数 表示 的 对 象 时 间 的 分 钟 值 , 它 的 数值 是 0 一 59 。 

(7) getSeconds(): 返回 整数 表示 的 对 象 时 间 的 秒 值 , 它 的 数值 是 0 一 59 。 


3. set 方法 组 


利用 set 方法 ,可 以 设 定 Date 对 象 的 属性 ,这 和 get 方法 组 使 用 类 似 ,并 且 几 乎 是 一 一 
对 应 的 。 

(1) setYear( Year); 设 定 对 象 的 年 份 值 为 Year, 一 般 用 四 位 整数 。 

(2) setMonth( Month) : 设 定 对 象 的 月 份 值 为 Month ,应 取 值 在 0 一 11 范围 内 。 

(3) setDate(Day) : 设 定 对 象 在 这 一 月 的 日 期 号 数 为 Day, 应 取 值 在 0 一 30 范围 内 。 

(4) setHoursC Hour): 设 定 对 象 的 小 时 值 为 Hour, 应 取 值 在 0 一 23 范围 内 。 

(5) setMinutesC Minute) : 设 定 对 象 的 分 钟 值 为 Minute, 应 取 值 在 0 一 59 范围 内 。 

(6) setSeconds( Second : 设 定 对 象 的 秒 值 为 Second, 应 取 值 在 0 一 59 范围 内 。 

【 例 5-4] 下 面 是 一 个 利用 Date 对 象 显示 一 个 时 钟 的 代码 ,用 来 展示 Date 对 象 的 


E 
aH 


<html> 
<head> 
<script language = "javascript" > 
var timeStr, dateStr; 
function timeclock() 
{ 
now = new DateO ; 
// 时 间 
hours = now. getHours(); 
minutes = now. getMinutes(); 
seconds = now.getSeconds(); 
timeStr- "" + hours; 
timeStr+ = ((minutes < 10) ? ",0" , ",") + minutes; 
timeStr* - ((seconds — 10) ? ";0" , ",") * seconds; 
document.myclock.time.value - timeStr; 
// 日 期 
day= now.getDate(); 
month = now.getMonth() *1; 
month- ((month < 10) ? "0" , "") + month; 
Year = now.getYear(); 
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dateStr- "" + month; 
dateStr + ((day < 10) ? "/0" ; "/") + day; 
dateStr* = "/" + year; 
document.myclock.date.value - dateStr; 
Timer = setTimeout("clock()",1000); 
} 
</script> 
</head> 
<body onload = "timeclock()"> 
<form name = "myclock"> 
时 间 : <input type= "text" name = "time" size- "10" value = ""><br> 
日 期 : <input type= "text" name = "date" size- "10" value = ""— 
</form> 
</body> 
</html> 


显示 结果 如 图 5-6 所 示 。 


FI D:\hao\ayclock.hta - Nicrosoft Interne... E BR) 
文件 EE) MEO FFV BRA IAD EMW a 


Q © [did s ka g” 


HEM |E) D: \hao\ryclock hta gaa e” 


SjjB), [15:05:28 
日 期 ，|05/06/2008 


图 5-6 时钟 显 示 示 例 


554 Array 数组 对 象 

与 其 他 的 高 级 语言 不 同 ,JavaScript 没有 提供 明显 的 数组 类 型 。 数 组 是 一 种 内 置 的 
Array 对 象 , 它 是 一 组 元 素 对 象 的 集合 ,元素 可 以 是 不 同类 型 的 。 数 组 的 每 一 个 成 员 对 象 都 
有 一 个 “下 标 ”, 用 来 表示 它 在 数组 中 的 位 置 (下 标 从 0 开始 ) 。 

1. 一 维 数组 

在 JavaScript 中 ,要 使 用 数组 ,必须 要 创建 Array 对 象 ,一 般 形式 是 : 

var 一 数组 名 二 = new ArrayO; 


这 样 就 定义 了 一 个 空 数组 ,数组 中 元 素 的 个 数 不 确 定 , 接 下 来 可 以 为 数组 添加 元 素 。 
一 般 形式 是 : 
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二 数组 名 >[ 王 下 标 >] = eb: 
例如 : 


var colorArray = new ArrayO; // 定义 一 个 空 数组 

colorArray[0]- "red"; 

colorArray[1]- "green"; 

colorArray[2]- "blue"; 

colorArray[3]- 255; 

另外 ,用 户 还 可 以 在 定义 数组 的 时 候 直接 初始 化 元 素数 据 , 一 般 形式 是 : 
var 一 数组 名 二 = new hrray( 二 元 素 1>, JU 2>, JU 3>, 0; 


例如 ,var myArray = new Array(1, 4.5. "Hi "); 定义 了 一 个 数组 myArray, 里边 的 
元 素 分 别 是 : myArray[0] ==1; myArray[1] ==4. 5; myArray[2] =="Hi" 。 

但 是 ,如 果 元 素 列表 中 只 有 一 个 元 素 , 而 这 个 元 素 又 是 一 个 正 整 数 的 话 , 这 将 定义 一 个 
包含 正 整数 个 空 元 素 的 数组 。 例 如 ,var myArray = new array(10) ,定义 一 个 长 度 为 10 的 
数组 ,而 不 是 一 个 数组 ,包含 一 个 正 整数 元 素 10。 

2 多 维 数组 

JavaScript 只 有 一 维 数组 ,不 能 和 一 般 的 程序 设计 语言 一 样 , 使 用 类 似 var myArray — 
new Array(3,4) 的 方法 来 定义 3X4 的 二 维 数组 ,或 者 用 myArray[1,1] 来 访问 “二 维 数组 ” 
中 的 元 素 。 实 际 上 ,所 谓 多 维 数组 ,就 是 数组 的 元 素 本 身 也 是 一 个 数组 。 因 此 ,要 使 用 多 维 
数组 ,在 JavaScript, 可 用 下 面 的 形式 来 定义 : 

var myArray = new Array(new Array(), new Array(), new Rrray()，…) 7 

例如 ,要 定义 一 个 3X4 的 二 维 数组 ,定义 如 下 : 

var myArray = new Array(new Array(4), new Array(4), new Array(4)); 

然后 ,可 以 用 myArray[i][j] 的 形式 访问 “二 维 数组 ”中 的 元 素 。 

{E JavaScript 中 ,数组 中 的 元 素 可 以 是 不 同类 型 的 ,因此 可 以 定义 oneArray = new 
Array(new Array(3), new Array(4)); , 它 不 是 一 个 3X4 的 二 维 数组 ,实际 上 oneArray 
有 两 个 元 素 , 第 一 个 元 素 是 一 个 长 度 为 3 的 数组 ,第 二 个 元 素 是 一 个 长 度 为 4 的 数组 。 

3. Array 对 象 的 属性 

Array 对 象 常用 的 属性 是 length 属性 ,保存 数组 的 长 度 , 即 数组 里 元 素 的 个 数 。 它 等 于 
数组 里 最 后 一 个 元 素 的 下 标 加 1。 因 此 , 想 添加 一 个 元 素 , 可 写作 : myArray[ myArray. 
length] = … 对 于 二 维 数组 ,例如 上 面 的 myArray,document. write(myArray. length) 将 返 
回 3 ,而 不 是 返回 3X4 一 12。 也 就 是 说 myArray 有 三 个 元 素 ,都 是 长 度 为 4 的 数组 。 


4. Array 对 象 的 方法 


COD join( 过 分 隔 符 二 ) 方 法 : 把 数组 中 的 各 个 元 素 串 起 来 ,用 一 分 隔 符 二 作为 元 素 之 间 
的 分 隔 符 ,然后 返回 这 个 字符 串 。 该 方法 不 影响 数组 中 的 内 容 。 
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(2) reverse() 方 法 : 使 数组 中 的 元 素 顺序 反 过 来 。 如 果 对 数组 [1,， 2. 3] 使 用 这 个 方 
法 , 它 将 使 数组 变 成 : [3, 2. 1]. 

(3) slice(<s>[, <e> DHE: 返回 一 个 从 第 s 个 元 素 到 第 e 个 元 素 的 子 数组 ,如 果 
不 给 出 e, 则 返回 的 子 数组 从 第 s 个 元 素 到 数组 的 最 后 一 个 元 素 。 

(4) sort [ —JriE PR C D ri: 使 数组 中 的 元 素 按照 一 定 的 顺序 排列 。 如 果 不 指 定 
二 方法 函数 二 , 则 按 字母 顺序 排列 。 如 果 指 定 二 方法 函数 二 , 则 按 二 方法 函数 二 所 指定 的 排 
序 方法 排序 。 

我 们 已 经 学 习 了 四 个 JavaScript 中 的 内 置 对 象 , 即 String 对 象 、Math 对 象 .Date 对 象 
和 Array 组 对 象 。 在 JavaScript 的 较 新 版 本 中 ,还 有 一 些 其 他 的 内 置 对 象 , 如 : 函数 对 象 、 
数值 对 象 .布尔 对 象 等 。 它 们 的 使 用 比较 简单 ,属性 和 方法 比较 少 ,请 参考 其 他 书籍 。 


555 预定 义 函 数 


除了 内 置 对 象 外 ,还 有 一 些 功能 是 经 常 需要 使 用 的 ,这 些 功 能 被 定义 为 标准 的 内 置 函 
数 ,不 属于 任何 的 对 象 ,因此 不 用 再 通过 引用 对 象 的 方式 来 使 用 它们 。 

(1) evalO PRA 

语法 形式 是 : 

var Value = eval( 字 符 串 ); 


参数 中 的 字符 串 是 一 个 合法 的 表达 式 转化 成 的 字符 串 形 式 , 此 函数 将 这 个 表达 式 求 值 ， 
然后 返回 。 例 如 ,可 以 这 样 使 用 这 个 函数 : 
var tempValue = 10; 


var str = "30 * 5 * tempValue"; 
var nyValue = eval(str); 


3X FÉ myValue 变量 中 的 值 是 整数 80。 这 个 函数 的 作用 在 于 ,如 果 表 达 式 是 一 个 字符 
tp ,要 想得到 表达 式 的 值 , 就 必须 利用 eval O 函数 分 析 那 个 用 来 存储 这 个 表达 式 的 字符 串 。 
下 例 中 将 演示 一 个 最 简单 的 计算 器 。 

【 例 5-5】 一 个 简单 的 表达 式 示例 。 


<html> 
<body> 
<form name = "CalForm"> 
输入 : <input type = "text" name = "Input" size = "20" value = "输入 一 个 表达 式 " 二 
<input type = "button" value=" =" width= 8 
onClick = "document. CalForm. Result. value = eval (document. CalForm. Input. value)" > 
结果 : <input type="text" name = "Result" size- "8" value= ""> 
</form> 
</body> 
</html> 


上 述 代 码 的 缺点 是 对 浏览 者 输入 的 错误 无 法 做 任何 的 控制 ,同时 也 无 法 判断 用 户 的 输入 。 
(2) parseFloat() 函 数 
将 一 个 合法 字符 串 转 换 为 一 个 浮 点 数 并 被 返回 。 例 如 : 
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var floatStr = "1.6e30"; 
var floatValue = parseFloat(floatStr); 


parseFloat() 函 数 从 参数 字符 串 的 第 一 个 字符 开始 处 理 , 如 果 遇 到 一 个 合法 的 表达 方式 不 
可 能 出 现 的 字符 时 ,就 把 这 个 字符 前 的 所 有 字符 作为 字符 串 来 转换 ,其 后 的 字符 将 被 忽略 。 

(3) parseInt O A% 

将 一 个 合法 字符 串 转换 为 一 个 整数 并 被 返回 ,一般 形式 是 : 

var value = parseInt( 字 符 串 ,[ 数 制 基数 ]); 

其 中 ,“ 数 制 基数 ”表示 转换 的 数值 进 制 , 为 可 选项 。 当 选择 这 个 参数 时 ,那么 按照 选择 
的 数 制 格式 来 试图 转换 这 个 字符 串 , 其 他 用 法 与 parseFloat() 函 数 完全 相同 。 

(4) isNaNO FR ZI 

函数 isNaN() 用 于 判断 一 个 字符 串 是 否 为 数字 (Not a Number 。isNaN() 函 数 的 一 般 
形式 是 ， 

Res = isNaNC£ ff 88) ; 

如 果 参 数字 符 串 为 一 个 数字 , 则 返回 true, 和 否则 返回 false。 例 如 : 


var res = isNaN("111") 

document. write(res); 

if (isNaN("hello")) 
{ 
window.alert(" 不 是 数字 字符 串 "); 
) 


上 述 代码 将 输出 false, 然 后 打开 一 个 提示 窗口 ,显示 “不 是 数字 字符 串 ”。 
56 JavaScript 浏览 器 对 象 模型 BOM 


每 一 个 符合 ECMAScript 规范 的 脚本 程序 设计 语言 都 包含 三 个 部 分 , 即 : ECMAScript 
规范 .浏览 器 对 象 模型 (Browser Object Model. BOM) 和 文档 对 象 模型 (Document Object 
Model,DOM)。 所 谓 浏 览 器 对 象 模型 BOM ,就 是 指 当 用 户 打 开 浏览 器 时 ,浏览 器 中 的 
JavaScript runtime engine 将 在 内 存 中 自动 创建 一 组 对 象 ,用 于 对 浏览 器 及 HTML 文档 对 
象 模 型 中 数据 的 访问 和 操作 。 因 为 这 些 对 象 是 和 浏览 器 本 身 紧密 相关 的 , 称 为 浏览 器 对 象 。 


56.1 BOM 层 次 结构 


在 JavaScript 中 .浏览 器 对 象 模型 (Browser Object Moel. BOM) 定 义 了 浏览 器 对 象 的 
层次 结构 ,如 图 5-7 所 示 。 
window 对 象 


NU —— history 对 象 location 对 象 navigator 对 象 screen 对 象 mm 
图 5-7 浏览 器 对 象 模型 BOM 层次 结构 
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在 JavaScript 中 ,浏览 器 对 象 模型 BOM 的 7 个 对 象 中 ,window 对 象 是 最 顶层 的 对 象 ， 
它 对 应 了 浏览 器 窗口 本 身 , 其 他 6 个 对 象 均 是 window 对 象 的 成 员 对 象 ,其 中 document 成 
员 对 象 也 是 HTML 文档 对 象 模型 DOM 中 的 重要 对 象 。 

浏览 器 对 象 模型 中 的 每 一 个 对 象 其 实 都 是 一 种 预 声明 的 内 存 对 象 , 用 户 可 直接 使 用 。 需 
要 注意 的 是 ,这 些 对 象 的 名 字 的 第 1 个 字母 都 是 小 写 的 ,写成 大 写 会 出 现 JavaScript 运行 错 。 
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window 即 客户 的 浏览 器 窗口 , window 对 象 用 于 描述 窗口 的 特征 , 它 是 document, 
location „history 等 对 象 的 父 对 象 ,包含 了 大 量 的 属性 和 方法 ,介绍 如 下 。 


1. window 对 象 的 常用 属性 


window 对 象 的 属性 可 分 为 一 般 属性 和 对 象 属性 ,对 于 每 一 个 属性 ,具有 不 同 的 读 写 权 
限 , 即 有 的 属性 为 只 读 属性 ,不 能 为 属性 进行 赋值 ,有 的 属性 则 可 以 进行 读 写 操作 。window 
对 象 的 一 般 属性 包括 : 

(1) window, self, parent 和 top 

严格 地 说 ,window self, parent 和 top 不 能 算是 window 对 象 的 属性 ,更 合理 的 说 法 是 
它们 是 当前 环境 所 涉及 的 window 对 象 实例 ,或 称 它们 是 特殊 的 关键 字 。 

self 和 window 所 代表 的 都 是 当前 的 窗口 ,这 在 功能 上 发 生 了 重 秋 ,一般 也 不 使 用 。 使 用 
self 和 window 属性 的 好 处 是 增加 程序 的 可 读 性 ,因此 在 比较 复杂 的 程序 中 可 以 考虑 使 用 它 。 

parent 所 指 的 是 当前 框架 或 窗口 所 在 的 父 窗口 ,这 一 属性 在 使 用 框架 的 网 页 中 用 途 最 
广泛 。top 是 用 以 实现 所 有 下 级 窗口 的 窗口 , 即 主 窗口 ,和 parent 相似 。 

(2) opener 属性 

opener 是 父 窗口 的 名 字 。 在 一 个 窗口 a 中 通过 open() 方 法 打开 一 个 窗口 b, 则 b 窗口 
的 opener 为 窗口 a。 

(3) screenLeft 和 screenTop 属性 

存储 窗口 的 左上 角 坐 标 。 

(4) defaultStatus 和 status 属性 

defaultStatus 是 显示 在 浏览 器 窗口 状态 栏 上 内 容 的 默认 值 ,status 是 在 浏览 器 窗口 状 
态 栏 上 内 容 的 当前 值 。 

在 刚 载 入 文档 时 status 和 defaultStatus 都 为 空 值 。 在 网 页 中 我 们 所 期 望 的 一 般 是 当 
鼠标 在 某 个 超 链 接 或 锚 点 上 经 过 时 ,显示 一 条 提示 信息 ,这 样 的 用 法 可 以 写成 : 


<a href = URL onMouseOver = "status = ' 欢 迎 光临 '; return true" 


一 般 情 况 下 ,status 属性 与 onMouseOver 同时 使 用 。 改 变 status 属性 直接 影响 状态 栏 
的 显示 ,如 果 与 onMouseOver 同时 使 用 ,应 使 此 事件 处 理 程序 返回 true。 当 鼠标 位 于 文档 
窗口 内 ,并 且 不 在 任何 的 超 链 接 和 锚 点 上 时 ,显示 defaultStatus 属性 的 值 。 

除了 上 述 的 一 般 属 性 外 , window 对 象 还 包含 一 组 成 员 对 象 , 包 括 : navigator 对 象 、 
document 对 象 frames 对 象 .history 对 象 ,location 对 象 .screen 对 象 等 。 
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2 window 对 象 的 常用 方法 


(1) 打开 和 关闭 窗口 

(D open() 方 法 : 打开 一 个 新 窗口 ,一 般 形 式 是 : 

open( "URL" , " WindowName" , "Window Features"); 

其 中 ,参数 URL 表示 打开 新 窗口 中 要 打开 的 网 页 ,参数 WindowName 表示 窗口 的 名 
字 , 第 三 个 参数 是 可 选 的 , 它 表 示 新 窗口 的 外 观 , 是 一 个 字符 串 ,可 以 指定 多 个 特性 ,每 一 个 
特性 间 用 逗号 分 隔 。 

open() 方 法 返回 一 个 指向 该 窗口 对 象 的 指针 ,通过 该 指针 可 以 访问 新 打开 的 窗口 。 

© close() 方 法 : 用 来 关闭 一 个 窗口 。 如 果 关 闭 当前 窗口 ,直接 使 用 这 个 方法 即 可 ; 如 
果 要 关闭 一 个 由 JavaScript 打开 的 其 他 窗口 , 则 需要 在 打开 该 窗口 时 保留 对 这 个 窗口 的 引 
用 ,然后 使 其 调用 自身 的 close() ,如 : newWin. closeO 。 

(2) 移动 窗口 位 置 

在 JavaScript 中 ,定义 屏幕 左上 角 (x,y) 坐 标 为 (0,0) ,水 平方 向 为 X 轴 的 正方 向 ,垂直 
方向 为 Y 轴 正 方向 。 

moveBy(x,y) 方 法 将 浏览 器 窗口 分 别 在 X AURI Y 轴 方 向 上 移动 x,y 个 像素 单位 。 
moveTo(x,y) 方 法 则 将 浏览 器 窗口 左上 角 移 动 到 (x,y) 坐 标 处 。 

(3) 改变 窗口 大 小 

resizeBy(x,y) 方 法 将 窗口 在 x y 方向 进行 放大 和 缩小 xy 个 像素 值 , 窗 口 的 左上 角 坐 
标 不 变 。resizeTo(x,y) 方 法 将 窗口 的 宽度 和 高 度 调整 为 x,y, 窗 口 左上 和 角 位 置 不 变 。 

(4) 窗口 滚动 

scroll(x,y) 方 法 有 两 个 参数 x,y, 它 使 窗口 卷 滚 到 x,y 坐标 处 。 

(5) focus) fil blur() 方 法 

focus() 方 法 使 某 个 窗口 获得 焦点 ,获得 焦点 的 体现 就 是 它 出 现在 最 前 面 。blur( ) 方 法 
使 某 个 窗口 失去 焦点 ,体现 在 它 被 发 配 到 后 台 。 

(6) 系统 提示 相关 方法 

(D alert( 字 符 串 ) 方法 : 显示 一 个 窗口 。 

© confirm( 字 符 串 ) 方法 : 是 一 个 确认 形式 的 对 话 框 ,但 它 是 有 返回 值 的 。 这 个 方法 
调用 后 显示 一 个 有 “确定 ”和 “取消 "按钮 的 对 话 框 ,函数 返回 值 是 一 个 布尔 值 。 如 果 单 击 “ 确 
认 ”按钮 , 则 返回 true; 单 击 “ 取 消 ” 按 钮 ,返回 false; 

© prompt() 方 法 : 上 面 的 两 个 方法 都 无 法 从 用 户 那里 得 到 比 Yes 和 No 更 多 的 信息 。 
而 prompt() 包 含 两 个 参数 ,其 语法 为 : 


prompt("message"," initial input"); 


其 中 message 参数 的 作用 类 似 于 alert() 的 参数 ; initial input 是 输入 空白 处 的 默认 值 ; 
函数 调用 的 返回 值 是 一 个 字符 串 。 可 以 这 样 调用 : 

msg = prompt(" 请 输入 您 的 电话 号 码 ?", "1234567"); 

对 话 框 内 输入 电话 号 码 后 单 击 “ 确 定 ” 按 钮 ,那么 msg 这 个 变量 内 就 保存 了 你 的 电话 号 
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码 ; 相反 ,如 果 单 击 “ 取 消 ?按钮 ,msg 是 null; 

(7) setTimeout() 和 clearTimeout() 方 法 

对 于 Date 对 象 ,可 以 显示 当前 时 间 ,而 无 法 根据 时 间 改 变动 态 地 进行 显示 。JavaScript 
还 提供 了 另外 两 个 函数 : setTimeout() 和 clearTimeoutO 。 

setTimeout() 译 作 * 超 时 ”, 它 的 语法 是 : 


timeID = setTimeout("expession",time); 


setTimeout() 运 行 后 ,在 time 时 间 过 后 .将 对 “expression" 求 值 一 次 ,但 并 不 是 每 过 一 
个 time 时 间 就 求 值 一 次 ,因此 要 想 周期 地 改变 , 则 需要 周期 地 使 用 这 一 方法 。 在 实际 使 用 
中 ,“expression” 参 数 通 常 是 一 个 函数 ,setTimeout() 的 返回 值 是 一 个 整数 ,用 以 标记 一 个 特 
定 的 “超时 ”。clearTimeout() 的 参数 只 有 一 个 ,就 是 上 面 的 timeID, 通 过 传递 此 参数 才 可 以 
确定 要 清除 哪 一 个 超时 设置 。 

LBI 5-6] window 对 象 应 用 举例 。 

为 了 学 习 window 对 象 的 属性 和 方法 ,在 本 例 中 定义 四 个 按钮 :“ 打 开 新 窗口 " “关闭 
新 窗口 “查看 源码 ”和 “测试 window 对 象 属性 及 方法 ”。 单 击 “ 打 开 新 窗口 ”按钮 , 则 打开 
一 个 新 窗口 , 单 击 “ 查 看 源码 ”窗口 则 显示 当前 Web 页 的 HTML 源 代码 。 假 设 窗口 的 特征 
是 没有 工具 栏 菜单、 状态 栏 、 定 位 栏 ,高 200 个 像素 , 宽 200 个 像素 。 按 钮 “测试 window 对 
象 属性 及 方法 ”对 应 一 个 test 函数 ,通过 修改 该 函数 内 容 , 可 以 分 别 测试 window 对 象 的 其 
他 属性 和 方法 。 测 试 页 面 文件 名 testwin. htm, HTML 代码 如 下 : 


<html> 
<head> 
<script language = "javascript" > 
function newone(url) 
{ 
newWin = open(url, "subWindow", "width = 200, height = 200, toolbar = 0, status = 0, location = 0, 
menubar = 0"); 
return newWin; 
) 
function closeone(xWin) 
{ 
// 车 窗口 存在 ,并 且 没 有 被 关闭 
if (xWin | = "" && ! xWin.closed) 
xWin. close(); 
} 
// 可 以 修改 该 函数 代码 ,测试 window 对 象 的 其 他 方法 
function test() 
{ 
window. moveTo( 0,0); 
bb 
</script> 
</head> 
<body> 
<input type = "button" value = "打开 新 窗口 " name = "B1" onclick = "javascript; temp = newone 
('bookIndex. htm')" —&nbsp; 
<input type = "button" value = "关闭 新 窗口 " name = "B2" onclick = "javascript: closeone 
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(temp);" ><br> 
<input type = "button" value = "显示 源 文件 " name = "B3" 
onclick = "window. location = 'view — source:' + window. location. href" — <br> 
<input type = "button" value = "测试 window 对 象 属性 及 方法 " name = "BA" onclick = "testO" > 
</body> 
</html> 


新 窗口 对 应 的 HTML 文件 bookIndex. htm 内 容 如 下 : 


<html> 

<head> 

<meta http- equiv = "Content - Type" content = "text/html; charset = gb2312"> 
<title>book Index</title> 

</head> 

<body> 

<p align = center> Index for The book</p> 

<hr> 

<input type = "button" value = "关闭 窗口 " name = "B1" onclick = "window. close()" > 
</body> 

</htnl> 


在 浏览 器 中 打开 testwin. htm 文件 , 单 击 * 打 开 新 窗口 ”按钮 ,结果 如 图 5-8 所 示 。 


Qse- Q- iX [d Par Wun € e- 


spra ss» 


LIMEN fE) 


Index for The book 


5-8 window 对 象 测试 示例 


[55-7] 新 建 一 个 窗口 ,不 显示 任何 HTML 文档 ,改变 窗口 焦点 状态 示例 。 


<html> 

—title- The operation of window< /title> 

<body> 

<form> 
<input type = "button" value = "新 建 窗口 

onClick = 'newWin = open("", "subWindow", "height = 200, width = 200") '><br> 

<input type = "button" value = "窗口 前 台 ”onClick = "newWin. focus()"><br> 
<input type = "button" value = "隐藏 窗口 ” onClick = "newWin.blurO "> 

</form> 
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</body> 
<html> 


上 述 代码 可 以 完成 新 建 窗口 ,以 及 实现 新 窗口 前 台 和 后 台 显示 的 转换 。 
【 例 5-8】 网 页 中 时 钟 的 实现 示例 。 


<html> 
<head> 
<script language = "javascript" > 
var timeID; 
var Running = false; 
function StartTime() 
{ 
running = true; 
ChangeTime(); 
) 
function ChangeTime( ) 
1 
var currentTime = new Date(); 
document. myClock. show. value = currentTime. toLocaleString(); 
// 递 归 调 用 
timeID = setTimeout("ChangeTime()", 1000); 
) 
function StopTime() 
{ 
if (Running) 
clearTimeout(timeID); 
Running = false; 
} 
</script> 
</head> 
<body onLoad = "StartTime()" onUnload = "StopTime()"> 
<form name = "myClock"> 
<input type = "text" name = "show" value=" 
</form> 
</body> 
</html> 


上 述 代码 在 浏览 器 中 显示 结果 为 : 
[2004-07-31 13:06:19 | 


size= 20> 


上 面 介 绍 了 window 对 象 的 常用 属性 和 方法 .在 FrontPage 中 ,在 “代码 ”视图 下 ,在 输 
入 “window. ”后 自动 打开 IntelliSense 窗口 .可 以 显示 所 有 的 window 对 象 属性 和 方法 。 需 
要 注意 的 是 ,window 对 象 是 任何 对 象 . 属 性 和 方法 的 假定 父 对 象 。 也 就 是 说 ,用 户 可 以 在 
任 一 对 象 、. 属 性 和 方法 (当然 不 包括 window 对 象 本 身 ) 之 前 加 上 一 个 “window. ”, 作 为 它 的 
所 有 者 。 如 果 不 加 的 话 ,浏览 器 仍 假定 其 所 有 者 为 window 对 象 。 
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例如 ,语句 alertC"hello. world"); 和 window. alert("hello. world); 是 等 同 的 。 
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563 navigator 对 象 


在 BOM 中 ,navigator 对 象 是 window 对 象 的 成 员 对 象 , 它 封装 了 有 关 操 作 系统 、 浏 览 
器 版 本 等 环境 信息 ,主要 属性 和 方法 有 : 

COD appName 属性 : 存储 表示 浏览 器 名 称 的 字符 串 。 如 果 使 用 的 是 IE 或 邀 游 浏览 器 ， 
appName 中 的 值 为 “Microsoft Internet Explorer”。 如 果 客 户 使 用 的 是 Netscape 或 Mozilla 
Firefox, 则 这 个 字符 串 的 值 是 "Netscape”。 

(2) appVersion 属性 : 存储 客户 所 用 浏览 器 的 版 本 号 和 操作 系统 等 信息 ,不 同 的 浏览 
器 显示 的 内 容 项 目 不 同 。 

(3) appCodeName 属性 : 浏览 器 代码 名 称 , 只 读 属性 。 不 论 是 IE, Maxhon, 还 是 
Mozilla Firefox 浏览 器 ,appCodeName 具有 相同 的 值 ,都 是 Mozilla。 

(4) javaEnabled() 方 法 : 这 个 函数 返回 一 个 布尔 值 true 或 false, 它 表示 Java 是 否 能 在 
这 个 客户 端 浏览 器 内 使 用 。 

(5) plugins 属性 : 在 Navigator 中 可 以 使 用 的 plugins .mimeType 和 plugins 存放 在 两 
个 数组 中 ,这 两 个 数组 分 别 由 mimeTypes 和 plugins 对 象 组 成 。 

(6) cookieEnabled: 说 明 浏览 器 是 否 打开 了 cookies, 只 读 属性 。 

(7) userAgent 属性 : 浏览 器 的 完整 的 用 户 代理 标志 ,这 是 appName,appVersion 和 
appCodeName 组 合 的 结果 。 例 如 “Mozilla/3.04Gold(Win95; D", 

(8) platform: 给 出 运行 浏览 器 的 操作 系统 或 硬件 的 类 型 。 

(9) systemLanguage: 给 出 操作 系统 使 用 的 默认 语言 ,只 读 。 

【 例 5-9] 使 用 navigator 对 象 查 看 客户 端 浏览 器 特性 。 

<html> 

<head> 

<script language = "JavaScript" > 

function TrueFalse (flag) 

i return (flag? "是 ":" 否 "); 

et 

</head> 

<body> 

<h2 align = center> f& H jul Wi a E< /h2> 

<script language = "JavaScript" > 


document. write(" 浏览 器 名 称 : " + navigator. appName + "<br>"); 

document. write(" 浏览 器 版 本 : " + navigator. appVersion + "— br"); 

document. write(" 浏览 器 代码 名 称 : " + navigator. appCodeName + "— br"); 

document. write(" 支持 JavaScript: " + TrueFalse(navigator. javaEnabled()) + "— br"); 
</script> 
</body> 
</html> 


上 述 代码 在 Windows XP 操作 系统 中 的 IE 6.0 浏览 器 中 的 显示 结果 如 图 5-9 所 示 o 
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F D:\hao\testnavigator.hta - Hicrosoft Internet Explorer [c ||E3||X) 


XPO SEO SEV HRW IAV WA 
Qa- O- i9id6 sr kra e 2- S 
Æ) D: \hao\testnavi gator. hta Sra se 


» 


您 的 浏览 器 特性 


浏览 器 名 称 ，Mi crosoft Internet Explorer 
浏览 器 版 本 ，4.0 (compatible; MSIE 6.0; Windows NT 5.1; SV) 
浏览 器 代码 名 称 ，Mozilla 


持 JavaScript: 是 


图 5-9 浏览 器 特性 


每 个 浏览 器 对 象 都 包含 一 组 属性 和 方法 ,在 FrontPage 的 代码 视图 中 ,输入 对 象 名 和 后 
面 的 字符 “. "后 ,将 打开 IntelliSense 智能 帮助 窗口 ,显示 当前 对 象 的 成 员 变量 和 成 员 函 数 。 


564 frames 对 象 


在 window 属性 中 «frames 是 一 个 array 型 成 员 对 象 , 如 果 窗 口 分 帧 的 话 ,每 个 frame 相 
当 于 一 个 单独 的 window 对 象 。 对 帧 的 访问 可 以 通过 数组 下 标 0,1,…', 或 者 通过 帧 名 。 例 
如 ,window. frames[0] 代 表 第 一 个 帧 窗口 。 

[55-10] 帧 的 操作 。 建 立 一 个 包含 左右 两 个 帧 的 页 面 ,在 左面 帧 页 中 ,设置 一 个 
button 按钮 , 单 击 该 按钮 ,改变 右 侧 帧 窗口 的 背景 色 。 

帧 代码 清单 (myfrme. htm) 如 下 : 


<html> 

<head> 

<meta HTTP - EQUIV = "Content — Type" CONTENT = "text/html; charset = gb2312"> 
<title> HENK 1</title> 

</head> 

<frameset cols = "30 % , * "> 

<frame name = "left" src = "myleft. htm" > 

<frame name = "right" src = "myright. htm" > 

<noframes> 

<body> 

«p It FI RIE THER, BENER RER, </p> 
</body> 

< /noframes> 

=/frameset> 


左 侧 帧 窗口 (lefb 代码 清单 (myleft. htm) 如 下 : 


</html> 
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<html> 
<head> 
<meta http - equiv = "Content - Type" content = "text/html; charset = gb2312"> 
<title> left</title> 
<script> 
// 将 帧 窗口 fname 的 背景 色 设置 为 color 
// fname 的 取 值 可 以 是 数字 0,1,…, 也 可 以 为 帧 的 名 称 
function test(fname, color) 
{ 
window. parent. frames[ fname]. document. bgColor = color; 
} 
</script> 
</head> 
<body> 
<p align= "center"> 
<input type = "button" value = "改变 右边 帧 背景 色 ”name = "B4" onclick = test("right", "red")> 
</p> 
</body> 
</html> 


565 location 对 象 


location 对 象 用 来 存储 当前 窗口 的 URL 值 。 它 存储 了 一 个 完整 的 URL, 并 且 可 以 通 
过 对 location 对 象 的 赋值 来 改变 当前 窗口 的 URL, 从 而 改变 当前 网 页 的 内 容 。 
location 对 象 包含 的 属性 和 方法 如 表 5-6 所 示 。 


表 5-6 location 对 象 常用 属性 列表 


属性 或 方法 说 明 

host 属性 存储 URL 的 主机 名 和 端口 号 ,只 有 端口 号 是 URL 的 一 个 明确 部 分 时 , 值 中 
才 包 括 端口 号 

hostname 属性 存储 URL 地 址 中 的 主机 名 十 域名 部 分 ,不 包括 端口 号 

href 属性 存储 窗口 对 象 的 整个 URL 的 字符 串 

pathname 属性 存储 URL 中 文件 路 径 。 如 果 URL 中 的 网 页 文件 是 根 下 的 一 个 文件 , 则 
location. pathname 的 值 为 根 (/) 

port 属性 存储 URL 中 的 端口 号 

protocol 属性 存储 URL 中 的 协议 名 ,包括 后 面 的 冒号 (: ) 

assign 方法 assign("URL") 通 过 这 个 方法 可 以 实现 把 一 个 新 的 URL 赋 给 location 对 
象 。 也 可 以 通过 为 location. href 赋值 来 导航 到 一 个 新 的 网 页 。 采 用 assign 
的 方法 会 使 代码 易 维 护 

reload 方法 重新 装载 当前 文档 

replace("URL") 方 法 装载 一 个 新 文档 但 不 创建 一 个 新 的 历史 记录 , 即 : 在 浏览 器 的 历史 列表 中 ， 
新 文档 将 替换 当前 文档 


我 们 在 介绍 document 对 象 时 曾 提 及 过 一 个 location 属性 ,我 们 要 将 这 两 个 同名 者 区 分 
开 。 只 需要 记 住 location 对 象 是 可 读 可 写 的 ,就 是 说 ,我 们 可 以 对 location 对 象 的 属性 赋 
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值 ; 而 document 对 象 的 location 属性 是 一 个 只 读 属性 , 它 只 是 提供 文档 的 URL ,改变 它 也 
是 没有 意义 的 。 因 为 document 的 location 属性 描述 了 文档 的 URL, 改 变 它 就 是 表示 这 个 
文档 被 复制 到 另外 的 URL, 这 是 不 可 能 发 生 的 。 


566 history 对 象 


一 般 把 history 对 象 称 作 历 史 清单 对 象 , 它 保存 窗口 或 框架 在 某 时 间 段 内 的 URL, th 
于 安全 方面 的 原因 ,history 对 象 并 不 向 脚本 提供 列表 的 真正 内 容 , 例 如 一 个 完整 的 URL 名 
称 。 对 这 样 的 URL 是 无 法 得 到 这 个 具体 的 字符 串 的 ,也 就 是 说 无 法 通过 它 来 得 到 用 户 曾 
经 访问 的 URL 的 具体 值 。 这 是 为 了 防止 恶意 的 脚本 程序 获得 用 户 个 人 的 浏览 习惯 而 进行 
不 正当 的 网 络 传输 或 散播 ,这 些 信息 是 大 部 分 用 户 不 愿意 泄露 的 。 
history 对 象 的 属性 和 方法 较 少 ,上 且 相 对 简单 ,history 对 象 属性 和 方法 见 表 5-7。 
表 5-7 history 对 象 的 属性 和 方法 


方 法 描 g 

length 反映 历史 清单 的 长 度 ,为 只 读 属性 

back() 装载 历史 清单 中 的 前 一 个 URL, 没 有 参数 

forward() 装载 历史 清单 中 的 后 一 个 URL, 没 有 参数 

goO 参数 既 可 以 是 整数 ,也 可 以 是 字符 串 。 当 参数 是 整数 x 时 ,装载 历史 清单 中 当前 位 置 


偏 移 x 后 的 URL。 当 参数 是 字符 串 时 ,装载 历史 清单 中 含有 这 个 字符 串 的 最 近 URL 


如 果 我 们 的 网 页 有 很 多 内 容 , 那 么 靠 浏览 器 提供 的 Back 按钮 返回 前 一 个 URL 较 慢 ， 
可 以 在 网 页 中 设置 “快速 返回 "按钮 ,代码 如 下 : 
<input type = 'button' value = "快速 返回 " onClick = "history.go(- 5)"> 


在 每 真 中 的 适当 位 置 设置 这 个 按钮 ,每 按 一 次 将 向 后 5 个 URL ,结合 浏览 器 的 Back 按 
钮 ,将 可 以 快速 地 向 后 翻动 。 


567 screen 对 象 


window 对 象 的 screen 成 员 对 象 包 含有 关 客 户 机 显示 屏幕 的 信息 。JavaScript 程序 可 
以 利用 这 些 信 息 来 优化 输出 ,以 达到 用 户 的 显示 要 求 。 例 如 ,一 个 程序 可 以 根据 显示 器 的 尺 
才 选 择 使 用 大 图 像 还 是 使 用 小 图 像 ,或 者 根据 屏幕 尺寸 将 浏览 器 窗口 定位 在 屏幕 中 间 。 

在 screen 对 象 中 ,常用 的 属性 是 : availHeight( 显 示 屏 幕 的 高 度 ) ,availWidth( 显 示 屏 幕 
的 宽度 ) ,height( 显 示 器 屏幕 的 高 度 ), width( 显 示 器 屏幕 的 宽度 ) 。 

【 例 5-11] 利用 screen 对 象 ,在 一 个 窗口 中 打开 一 个 窗口 ,让 窗口 在 屏幕 上 平滑 地 移 
动 , 遇 到 屏幕 边界 ,将 自动 弹 回 ,改变 移动 方向 。 代 码 清单 (bouncewin. htm) 如 下 : 

<html> 

<head> 


<script> 
// 初始 化 动画 的 变量 
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var x = 0, y = 0, w- 100, h- 100; // 窗口 的 位 置 和 大 小 
var dx = 5, dy = 5; // 窗口 在 x\Y 方 向 每 次 移动 的 距离 
// 窗 口 移动 函数 ,将 窗口 移动 到 (x+ dx, y+ dy) 位 置 
function bounce() 
{ 
if (win.closed) 
{ 
window.clearInterval(winID); 
return; 
) 
if ((x+ dx > (screen.availWidth - w)) || (x+dx < 00) 


dx - -dx; 

if ((y+ dy > (screen.availHeight — h)) || Cy * dy < 0) 
dy - -dy; 

// 更 新 窗口 的 位 置 

x += dx; 

y tdg; 


win.moveTo(x, y) ; 
) 
</script> 
</head> 
<body> 
<script> 
// 打 开 一 个 子 窗口 
var win = window. open('javascript:"<hi>hello</hi>"',"bounce", "width=" + w + ",height-" + h); 
// 窗口 的 初始 位 置 
win. moveTo( x, y); 
// 使 用 setIntervalO) 每 隔 100 毫秒 调用 bounce() 
var winID = window. setInterval("bounce()", 100); 
</script> 
<form> 
<input type = "button" value = "Stop" 

onclick = "clearInterval(winID); win. close();"> 

</form> 
</body> 
</html> 


在 上 述 页 面 中 ,打开 一 个 窗口 ,并 启动 window 对 象 的 时 间 间 隔 函 数 ,开始 移动 窗口 。 
在 父 窗 口中 , 单 击 按钮 stop ,移动 的 窗口 将 被 关闭 。 


568 ”event 对 象 
要 提高 网 页 的 交互 性 ,必须 要 了 解 event 对 象 。 它 在 事件 创立 时 产生 ,如 : 单 击 一 个 可 


点 击 的 对 象 ,移动 鼠标 ,或 获得 输入 焦点 等 ,此 时 ,Event 对 象 被 创建 ,用 于 存储 按键 值 、 当 前 
的 (x,y) 坐标 等 。 
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1. event 对 象 的 属性 


在 不 同 的 浏览 器 中 ,event 对 象 的 属性 不 完全 相同 ,常见 的 event 对 象 属性 见 表 5-8。 
表 5-8 event 对 象 属性 


属 性 名 属性 描述 属性 名 属性 描述 

type 事件 类 型 的 字符 串 clientX ,clientY 相对 于 页 面 的 横 坐 标 和 纵 坐 标 
srcElement 发 送 给 事件 对 象 的 字符 串 screenX.screenY ”相对 于 屏幕 的 横 坐 标 和 纵 坐 标 
Xy 光标 行列 坐标 keyCode 键 代码 


2 可 能 的 事件 


在 浏览 器 中 可 能 的 事件 主要 有 : 
onDblClick: 鼠标 双击 。 
onKeyDown: 键 被 按 下 。 
onKeyPress: 键 被 按 下 然后 被 释放 。 
onKeyUp: 键 被 释放 。 
onMouseDown: 鼠标 被 按 下 。 
onMouseMove: 鼠标 移动 。 
onMouseUp: 鼠标 被 释放 。 
onResize: 窗口 被 调整 大 小 。 


3. 事 件 处 理 方法 


事件 是 由 事件 处 理 函数 进行 处 理 的 。 但 是 ,对 于 两 种 不 同 的 浏览 器 ,事件 的 处 理 途 径 不 
完全 一 样 。 在 IE 中 ,采用 “事件 气泡 ”的 方式 处 理事 件 , 例 如 : 
<body onclick = "f1()"> 
<p onclick = "£2()"> 
—en onclick = "£30 "> 
<strong onclick = "f4()">Click on me</strong> 
</em> 
</p> 
</body> 
对 于 上 述 的 HTML 代码 ,每 个 标记 都 接受 鼠标 单 击 事件 ,都 创建 event 对 象 。 那 么 ,这 
个 事件 如 何 处 理 呢 ? 顺序 是 这 样 的 ,例如 , 单 击 strong 标记 内 的 文本 , 它 接收 到 一 个 
onClick 事件 ,执行 MO; 然后 发 送 onclick 事件 给 二 em 二 标记 ,执行 BO; 然后 发 送 到 二 p 二 
标记 ,执行 120; 然后 直到 窗口 。 这 样 每 个 元 素 分 别 以 自己 的 方式 处 理 鼠 标 单 击 事件 。 
但 是 如 果 想 停止 事件 上 传 .可 以 在 事件 处 理 函 数 中 添加 取消 气泡 的 代码 ,方法 是 : 


function fx () 


( 


this.event.cancelBubble - true; 
} 
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57 HTML 文档 对 象 模 型 DOM 


当 浏览 器 打开 一 个 网 页 时 ,不 管 是 HTML 还 是 XML 文档 ,对 于 网 页 中 的 每 一 个 标记 ， 
都 在 内 存 中 创建 一 个 相应 的 内 存 对 象 。 这 些 对 象 按照 树 形 结构 组 织 , 这 就 是 文档 对 象 模型 
DOM。 我 们 可 以 将 DOM 理解 为 网 页 的 API, 它 将 网 页 中 的 元 素 看 作 一 个 个 对 象 ,这 些 对 
象 通过 标记 的 name 属性 来 命名 ,通过 对 这 些 可 访问 的 内 存 对 象 进行 编程 ,来 实现 对 网 页 中 
元 素 及 其 属性 的 修改 ,以 便 动态 地 修改 网 页 。 


574 文档 对 象 模型 DOM 


根据 W3C DOM 规范 ,文档 对 象 模型 (Document Object Model. DOM) 是 一 种 与 浏览 
器 ,平台 ,语言 无 关 的 接口 。DOM 解决 了 Netscape 的 JavaScript 和 Microsoft 的 JScript 之 
间 的 冲突 ,给 予 Web 设计 师 和 开发 者 一 个 标准 的 方法 ,使 程序 和 脚本 能 动态 地 访问 和 更 新 
文档 的 内 容 。 

W3C DOM 被 分 为 3 个 不 同 的 部 分 , 即 : 核心 DOM,XML DOM 和 HTML DOM, f£ 
心 DOM 是 用 于 任何 结构 化 文档 的 标准 模型 ,XML DOM 和 HTML DOM 分 别 是 用 于 
XML 文档 和 HTML 文档 的 标准 模型 。 在 DOM 中 ,定义 了 所 有 文档 元 素 的 对 象 和 属性 ,以 
及 访问 它们 的 方法 (接口 ) 。 

对 于 DOM 对 象 的 访问 ,可 以 出 现在 页 面 的 脚本 程序 中 ,也 可 以 直接 在 浏览 器 地 址 栏 中 
书写 。 例 如 , 当 浏 览 网 页 时 ,有 了 时候 需 要 知道 网 页 的 发 布 时 间 , 从 而 判断 网 页 内 容 是 否 是 很 
久 以 前 的 ,此 时 ,可 以 在 浏览 器 的 地 址 栏 中 输入 : 


javascript:document. write(document. lastModified) 


输入 结束 后 , 按 回 车 键 , 则 打开 一 个 新 的 网 页 显示 当前 正在 浏览 的 网 页 的 最 后 修改 日 
期 。 然 后 单 击 浏览 器 工具 栏 中 的 后 退 按钮 ,返回 到 刚才 浏览 的 网 页 。 


572 HTML DOM 对 象 


在 HTML 文档 中 , 当 浏览 器 打开 一 个 网 页 时 ,为 每 一 个 标记 在 内 存 中 建立 一 个 内 存 对 
象 , 即 HTML DOM 对 象 , 因 此 ,根据 HTML 规范 ,常用 的 HTML DOM 对 象 如 表 5-9 
所 示 。 


表 5-9 常用 的 HTML DOM 对 象 


DOM 对 象 说 H DOM 对 象 说 明 
document 表示 整个 HTML 文档 ,可 用 来 | form X< form 263€ 
访问 页 面 中 的 所 有 元 素 
meta XE — 4 — meta 76€ button XP < button 263€ 


link X — 4 — link >K input radio 对 应 表单 中 的 一 个 单 选 按钮 
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续 表 
DOM 对 象 说 明 DOM 对 象 说 — mH 

style 对 应 一 个 单独 的 样式 声明 input text 对 应 表单 中 的 一 个 文本 框 
base X — base 363€ input password 对 应 表单 中 的 一 个 密码 域 
body 对 应 二 body 二 元 素 textarea 对 应 二 textarea 二 元 素 
image 对 应 一 img 过 元素 input checkbox 对 应 表单 中 的 一 个 复 选 框 
anchor 对 应 二 a 元 素 select 对 应 表单 中 的 一 个 选择 列表 
table 对 应 二 table 二 元 素 option 对 应 二 option 二 元 素 
TableRow 对 应 二 tr 二 元 素 input file 对 应 表单 中 的 一 个 文件 上 传 
TableData 对 应 二 td 二 元 素 input hidden 对 应 表单 中 的 一 个 隐藏 域 
area 对 应 图 像 地 图 中 的 一 area> 元 素 | input submit 对 应 表单 中 的 一 个 确认 按钮 
frameset 对 应 二 frameset 过 元素 input reset 对 应 表单 中 的 一 个 重 置 按钮 
frame XI — frame 26 € object XW — object 6X 
iframe XE IN <iframe> 76 € event 代表 某 个 事件 的 状态 


在 所 有 的 HTML DOM 对 象 中 ,它们 之 间 为 层次 结构 关系 ,这 种 关系 和 HTML 规范 中 
标记 之 间 的 层次 关系 一 致 。 因 此 ,可 以 说 document 对 象 是 所 有 其 他 DOM 对 象 的 父 对 象 ， 
其 他 对 象 都 是 通过 document 对 象 访 问 的 。HTML DOM 对 象 层 次 结构 关系 如 图 5-10 
所 示 。 


document 


anchors images forms links frames body 


text password textarea radio checkbox button select hidden  submit/reset--- 


图 5-10 HTML DOM 对 象 层 次 结构 


下 面 介 绍 部 分 DOM 对 象 的 属性 和 方法 。 
1. document 对 象 


在 HTML DOM 中 ,document 对 象 代表 整 个 HTML 文档 ,可 用 来 访问 页 面 中 的 所 有 
元 素 ,包括 文 档 头 二 head 记 部 分 和 文档 体 二 body 二 部 分 。 此 外 ,需要 注意 的 是 document 对 
象 是 浏览 器 对 象 模型 BOM 中 的 window 对 象 的 一 个 部 分 ,可 通过 window. document 属性 
来 访问 。 

(1) document 对 象 的 属性 

document 对 象 包 含 的 属性 很 多 ,在 FrontPage 中 的 代码 视图 中 ,输入 window. 
document 可 打开 IntelliSense 窗口 ,显示 其 所 包含 的 属性 和 方法 。document 对 象 包括 一 组 
集合 属性 ,属性 名 及 含义 见 表 5-10。 
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表 5-10 document 对 象 常用 属性 列表 


属性 名 说 明 属性 名 说 HB 

all[] 集 合 提供 对 文档 中 所 有 HTML 元 素 | URL 返回 当前 文档 的 URL 
的 访问 

anchors[] 集 合 ”返回 对 文档 中 所 有 Anchor 对 象 | body 提供 对 二 body 二 元 素 及 其 属性 的 
的 引用 直接 访问 

images[ ] 集 合 ”返回 对 文档 中 所 有 Image 对 象 的 | domain 返回 当前 文档 的 域名 
引用 

links[] 集 合 返回 对 文档 中 所 有 Area 和 Link | title 返回 当前 文档 的 标题 
对 象 的 引用 

forms[] 集 合 ”返回 对 文档 中 所 有 Form 对 象 的 | referrer 返回 载 人 当前 文档 的 URL 
引用 

applets 返回 对 文档 中 所 有 Applet Xf £& | lastModified ”返回 文档 被 最 后 修改 的 日 期 和 
的 引用 时 间 


(2) document 对 象 的 方法 
document 对 象 的 方法 如 表 5-11 所 示 。 


R 5-11 document 对 象 常用 方法 列表 


方 法 描 述 
openO 打开 一 个 输出 流 ,接受 来 自 document. write() 或 document. writeln() 方 
法 的 输出 
close() 关闭 用 document. open() 方 法 打开 的 输出 流 ,并 显示 选 定 的 数据 
write() 向 文档 写 HTML 表达 式 或 JavaScript 代码 
writeln() 等 同 于 write() 方 法 ,输出 结束 后 输出 一 个 换行 符 
getElementById() 返回 对 拥有 指定 id 的 第 一 个 对 象 的 引用 
getElementsByName() 返回 带 有 指定 名 称 的 对 象 集合 


getElementsByTagName() 返回 带 有 指定 标签 名 的 对 象 集合 


2. body 对 象 


每 一 个 HTML 文档 有 一 个 二 body 二 标记 ,浏览 器 在 内 存 中 创建 一 个 body 对 象 ,body 
对 象 封 装 了 HTML 文档 中 过 body 之 标记 的 所 有 属性 及 所 有 的 文档 体 元 素 。 从 HTML 结 
构 看 ,body 对 象 是 document 对 象 的 成 员 对 象 ,body 对 象 的 常用 属性 和 方法 见 表 5-12. 


表 5-12. document, body 对 象 属性 列表 


属 性 描 述 属 L3 H 述 
id 设置 或 返回 一 body 过 元素 的 id | innerHTML innerHTML 可 以 赋值 一 段 符合 
属性 HTML 规范 的 文本 ,该 文本 将 重 
写 现 有 网 页 的 二 body 二 体内 的 
内 容 
title 设置 或 返回 二 body 二 元 素 的 title | innerText 为 innerText 赋值 ,页 面 将 用 innerText 


属性 HARES <body> tk AHNA 
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续 表 
属 性 描 述 属 性 描 g 
bgColor 设置 或 返回 一 body 之 元 素 的 背景 | clientLeft， 存储 浏览 器 窗口 客户 区 左上 角 (x， 
色 属 性 clientTop y) 坐 标 


disabled 如 果 该 成 员 变 量 设 为 true, 则 页 | clientWidth， ”存储 浏览 器 窗口 客户 区 宽度 和 
面 的 内 容 被 灰 化 , 且 不 可 被 选取 ,| clientHeight 高 度 


右 击 时 快捷 菜单 被 禁用 

alink XİN < body> $RC h} alink 属性 , | topMarign， 存储 浏览 器 窗口 客户 区 内 容 和 上 
设 活动 链接 的 颜色 bottomMargin 下 边框 的 距离 (像素 ) 

vlink 对 应 二 body 二 标记 的 vlink 属性 ,| leftMarign, 存储 浏览 器 窗口 客户 区 内 容 和 左 
设 访问 过 链接 的 颜色 rightMargin 右边 框 的 距离 (像素 ) 


对 于 body 对 象 的 innerHTML 和 innerText 的 属性 功能 不 同 , 如 果 一 段 字 符 串 文本 包 
fr HTML 标记 ,将 该 文本 赋 给 innerText , 则 页 面 内 容 用 innerText 的 文本 替换 ,该 文本 不 
按照 其 包含 的 THML 标记 显示 ; 如 果 同 样 的 文本 赋 给 innerHTML 属性 , 则 页 面 内 容 被 
innerHTML 中 的 文本 替换 ,该 文本 按照 其 包含 的 HTML 标记 显示 。 例 如 , document. 
body. innerText="<b> Hello </b>" 和 document. body. innerHTML = "一 b> Hello 
fy" ,产生 的 结果 不 同 。 
从 HTML 文档 结构 看 ,body 对 象 是 document 对 象 的 成 员 对 象 ,对 文档 体内 所 有 元 素 
的 访问 应 该 通过 document. body 来 访问 。 但 是 ,为 了 书写 上 的 方便 ,在 document 对 象 中 ， 
直接 包含 了 有 关 文 档 体 内 的 元 素 对 象 。 例 如 ,设置 文档 的 背景 色 , 理论 上 应 该 写 为 : 
document. body. bgColor-— "" ,但 是 ,也 可 以 直接 写 为 : document. bgColor— "" ,两 种 写法 结 
果 是 一 样 的 。 实 际 上 ,对 文档 体 中 大 多 数 元 素 的 访问 几乎 都 可 以 直接 使 用 document, 而 不 
是 使 用 document. body。 
例如 ,下 面 的 例子 将 展示 设置 <body> 元 素 的 id 的 两 种 方法 : 
<html> 
<body id = "myid" title = "hello"— 
<script type = "text/javascript" > 
x = document. getElementsByTagName( 'body') [0]; 
document. write("Body id; " + x. id); 
document. write("<br/>"); 
document. write("An alternate way: "); 
document. write(document. getElementById( 'myid'). id); 
document. write("Body title: " 
</script> 
</body> 
</html> 


输出 结果 为 : 


Body id: myid 
Rn alternate way; myid 
Body title: hello 


* x.title); 
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【 例 5-12] document 对 象 应 用 举例 。 

在 HTML 中 ,定义 书签 (又 称 锚 点 ) 是 用 二 a name 王 "之 标识 来 定义 的 ,按照 它们 在 
HTML 文档 中 的 定义 顺序 ,document 对 象 的 anchors 数组 成 员 记 录 了 这 些 锚 点 。anchors 
数组 最 简单 的 用 法 是 采用 框架 分 别 开 设 两 个 窗口 ,一 个 是 浏览 导航 窗口 , 另 一 个 是 主 浏览 窗 
口 。 在 浏览 导航 窗口 中 根据 锚 点 的 数量 设置 按钮 , 单 击 某 个 按钮 即 可 在 浏览 窗口 中 跳 到 特 
定 的 文字 处 。 

下 面 通过 一 个 包含 两 个 帧 的 框架 来 说 明 document 对 象 中 anchors 的 应 用 ,对 应 的 三 个 
HTML 文档 分 别 为 : main. htm .mainA. htm 和 mainB. htm, 

(1) 框架 页 面 文档 main. htm 


<html> 
<frameset cols- "* , * "> 
<frame src = "mainA. htm" name = "FrameA"> 
<frame src = "mainB. htm" name = "FrameB"> 
</frameset> 
</html> 


上 述 HTML 文档 将 浏览 器 窗口 分 成 两 部 分 ,左边 一 个 用 作 导 航 , 右 边 一 个 用 作 浏 览 。 
导航 窗口 包括 几 个 按钮 ,它们 表示 文章 中 几 个 可 以 利用 的 锚 点 。 

(2) 在 导航 窗口 ,首先 计算 浏览 窗口 中 锚 点 的 个 数 ,然后 再 设 定 导航 按钮 的 个 数 。 

mainA. htm 文档 : 


<html> 
<script language = "javascript" > 
function SearchAnchor( Index) 
{ 
parent. FrameB. location. hash = "part" + Index; 
} 
</script> 
<body> 
<script language = "javascript" — 
var Num = parent. FrameB. document. anchors. length; 
for (var i=1;i< = Num; i++) 
{ 
document. write("< input type = V'buttonV' value = \' 第 ", i, "部 分 ") 
document. write("\' onClick = V'SearchAnchor("); 
document. write(i); 
document. write(")\'>"); 
document. write("<br>"); 
} 
</script> 
</body> 
</html> 


上 述 代码 中 parent. FrameB. location. hash 是 location 对 象 的 内 容 , 在 后 面 介绍 。 

(3) mainB. htm 文件 不 包含 任何 JavaScript 内 容 , 它 定义 了 在 FrameA. htm 中 引用 的 
必要 的 锚 点 ,注意 锚 点 的 名 字 是 partl— part3, FrameB. htm 的 源 文件 如 下 : 

mainB. htm 文档 : 
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<html> 

<body> 

<a name = "part1" ^ <b> #— Rh 四 大 名 著 一 /b> 二 /a> 
«ul 

ig 

—li»kütfe 

—uui pte 

«lic X 

</ul> 

<a name = "part2" ^ — b $$ 854r 金庸 小 说 一 /b>> 二 /a> 
<ul> 

lio ciis 

二 1i 二 射 雕 英 雄 传 

Cli 

</ul> 

</body> 

</html> 


3. images 数组 成 员 属 性 


images 数组 的 每 个 元 素 都 是 image 对 象 。 首 先 看 HTML 中 与 二 img 二 标签 相关 的 属 
性 ,例如 二 img name 二 "plane" src 一 "plane. gif" hspace— "20" vspace— "20" width 一 "30" 
height— "50" border— "5" lowsrc 一 "planel. gif" , 

这 个 HTML 语句 中 用 了 一 些 平 时 不 会 经 常用 到 的 属性 设置 ,image 对 象 的 成 员 属性 相 
关 描 述 见 表 5-13. 


表 5-13 image 对 象 的 成 员 属性 


属 性 名 Hx 

name image 对 象 的 名 字 , 供 脚本 程序 访问 image 对 象 使 用 

src image 对 象 对 应 图 片 的 URL. 

lowsrc 存储 真正 的 图 片 还 未 装载 之 前 ,可 以 先 装载 的 一 幅 图 片 的 URL, 该 图 片 一 
般 是 实际 图 像 的 低 分 辩 率 版 本 

border 图 片 周 围 边框 的 宽度 ,默认 值 为 0 

height, width 图 片 的 高 度 和 宽度 

vspace 图 片 在 垂直 方向 上 与 上 面 或 下 面 文字 之 间 的 距离 


在 网 页 中 使 用 图 片 ,除了 增加 页 面 的 视觉 效果 ,还 可 以 通过 JavaScript 程序 动态 地 选择 
载 和 的 图 片 ,或 者 实现 一 些 动画 效果 ,从 而 增加 页 面 的 动感 。 

【 例 5-13] 动画 显示 。 

<html> 

<head> 

<script language = "javascript" > 

var ImageNum = 1; 

function Begin() 

{ 

document. MyImage. src = ImageArray[ ImageNum]. src; 
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ImageNum++ ; 
If (ImageNum 一 3) 
ImageNum = 1; 
) 
</script> 
</head> 
<body> 
<img name = "MyImage" src = "tu. gif" onLoad = "setTimeout('Begin()',500)"> 
<script language = "javascript" > 
var ImageArray = new Array(); 
for (i=1;i< =3;i++) 
{ 
ImageArray[ i] = new image(); 
ImageArray[ i]. src = "tu" + i+". gif" 
) 
</script> 
</body> 
<html> 
onLoad 事件 设置 了 500 毫秒 之 后 运行 Begin() 函 数 , 装 入 下 一 幅 图 片 后 又 引起 onLoad 
事件 ,因此 500 毫秒 后 又 运行 Begin() 函 数 , 如 此 循环 就 实现 了 一 个 最 简单 的 动画 。 
另外 ,和 Image 对 象 有 关 的 事件 包括 : 
onAbort 事件 , 当 用 户 放 弃 载 和 人 一 个 图 像 时 触发 一 个 abort 事件 ,于 是 会 执行 
onAbort 事件 处 理 函 数 的 JavaScript 代码 。 例 如 , 当 在 载 入 的 过 程 中 单 击 一 个 链接 
或 是 单 击 了 浏览 器 中 的 Stop 按钮 时 ,就 是 这 种 情况 。 
OnError 事件 , 当 浏 览 器 完成 载 人 一 幅 图 像 时 触发 一 个 load 事件 ,注意 ,是 完成 载 人 
后 ,而 不 是 载 人 开始 时 。 


4 links 链接 数组 


链接 数组 是 另 一 种 常用 的 document 对 象 中 的 数组 成 员 ,links 数组 的 每 一 个 元 素 都 是 
一 个 link 对 象 ,或 者 是 area 对 象 ,对 应 HTML 文档 中 的 一 个 超 链 接 标记 二 a 二 ,用 来 存储 
URL 的 信息 ,通过 links 数组 可 以 对 文档 中 的 超 链 接 进行 操作 。 一 个 完整 的 URL 可 以 分 
成 几 个 组 成 部 分 ,例如 下 面 的 URL: 


http://www. abc. xyz. cn:8080/javascript/ index. html # start 


http 是 协议 部 分 ,表示 使 用 超级 文本 传输 协议 http. www 是 主机 名 ,abc. xyz 是 主机 所 
在 的 域名 ,这 一 部 分 也 可 能 是 数字 表示 的 IP 地 址 ; 8080 是 主机 用 于 当前 连接 的 端口 号 ; 
/ javascript/index. html 是 文档 路 径 ; # start 对 应 文档 中 的 书签 ,用 于 定位 文档 中 的 anchor, 

对 应 URL 的 各 个 部 分 ,link 对 象 中 有 若干 个 属性 与 此 对 应 ,分 别 是 : 

host 定义 网 络 主机 名 、 域 名 或 IP 地 址 ,在 上 面 的 例子 中 是 www. abc. xyz. cn。hostname 是 
主机 和 端口 的 组 合 , 在 上 面 的 例子 中 是 www. abc. xyz. cn; 8080, href 代表 整个 URL, 
pathname 是 路 径 , 在 上 面 的 例子 中 是 /javascript/index. html。port 是 服务 器 端口 号 ,在 上 面 的 
例子 中 是 2001。protocol 是 协议 部 分 ,在 上 面 的 例子 中 是 “http”。 一 个 链接 包括 URL 的 所 有 
信息 。 上 面 的 这 些 link 对 象 成 员 属 性 将 一 个 URL 分 解 , 对 于 编程 提供 了 相当 大 的 方便 。 
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【 例 5-14】 改变 URL 示例 。 


<html> 
<body> 
<form> 
<input type = "button" value = "Google" 
onClick = "document. links[0]. href = 'http;//www. google. com' "> 
<input type = "button" value = "百度 " 
onClick = "document. links[0]. href = 'http;//www. baidu. com' "> 
<input type = "button" value = "北大 天 网 " 
onClick = "document. links[0]. href = 'http;//www. pku. edu. cn' "> 
</form> 
<a href = "javascript:alert(' 选 择 搜索 引擎 RE Sli F#o" >F </a> 
</body> 
</html> 
<a href 二 "javascript:alert(' 请 按 按钮 选择 下 一 步 的 目的 地 !1)" 二 下 一 步 二 /a 二 是 网 页 
中 定义 的 一 个 超 链 接 ,存储 在 document. links[0]. href 中 。 
我 们 知道 ,在 二 a 二 标记 中 ,href 属性 中 应 该 是 一 个 URL, 但 是 在 这 个 句子 中 使 用 的 是 
一 种 不 常见 的 方式 。 其 中 ,“javascript: ”表示 JavaScript 语句 前 级, 后 面 为 JavaScript 语句 。 
再 如 ,二 a href — "http://www. google. com”onClick 二 "alert(' 使 用 Google 搜索 引擎 5; 
return(true)" 记 ,注意 ,最 后 的 return(true) 语句 命名 这 个 URL 真正 被 载 入 , 当 返 回 false 
时 是 不 会 真正 载 人 http://www. google. com 这 个 地 址 的 。 
这 是 因为 ,在 html 中 ,一 a 二 标记 可 以 同时 设置 href 属性 和 onclik 时 间 属 性 ,一 a 二 标 
记 的 执行 顺序 是 先 执行 onclick 的 脚本 ,最 后 才 进 行 href 参数 指定 页 面 的 跳 转 。 因 此 ,如 果 
在 onclick 中 返回 false, 就 可 以 中 止 过 a> 标 签 的 工作 流程 ,也 就 是 不 让 页 面 跳 转 到 href 参 
数 指定 的 页 面 。 
例如 : 
<a href = '#'onclick = "location = 'aa. html';">aaa</a> 
<a href = ' # ' onclick = "location = 'aa. html'; return false; ">bbb</aœ> 
在 单 击 第 一 个 超 链 接 时 ,页 面 会 显示 没有 转向 到 aa. html。 
对 于 上 面 的 例子 , 当 用 户 单 击 其 中 的 一 个 按钮 时 ,document. links[0]. href 的 值 被 改 
变 , 因 此 此 时 单 击 * 下 一 步 ? 超 链接 就 转 到 相应 的 URL。 当 鼠标 在 “下 一 步 ? 超 链接 上 经 过 
时 ,浏览 器 窗口 的 状态 栏 内 显示 了 这 种 URL 的 变化 。 


58 Web 交互 


通过 JavaScript, 可 以 完成 Web 的 信息 交互 ,在 客户 端 完 成 动态 的 Web 效果 。 主 要 的 
交互 包括 利用 form 对 象 ,进行 信息 的 输入 ,在 帧 中 进行 页 面 之 间 的 控制 。 


58.1 使 用 form Sc Web 页面 的 信息 交互 


在 Web 页 中 ,表单 (form) 是 人 机 交互 的 主要 手段 。 每 一 个 过 form> 标 记 都 在 内 存 中 创 
建 一 个 form 对 象 , 通 过 form 对 象 , 可 以 直接 访问 HTML 文档 中 的 表单 中 的 内 容 。Form 
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对 象 封装 了 相关 的 HTML 代码 : 


<form name = "表单 名 称 " target = "指定 信息 的 提交 窗口 ”action = "接收 窗 体 程 序 对 应 的 url" 
method = 信息 数据 传送 方式 (get|post) enctype = " 窗 体 编码 方式 " 二 


1.fom 对 象 的 属性 


在 HTML 中 ,表单 是 由 若干 控件 (属性 域 ) 组 成 的 ,因此 ,一 个 form 对 象 即 是 一 个 容器 
HZ., form 对 象 的 属性 主要 包括 : elements, name,action,target, encoding, method 等 。 其 
中 ,elements 为 元 素数 组 ,存储 表单 中 的 所 有 控件 对 象 。 其 他 几 个 均 反映 了 二 form 二 标记 
中 的 相应 属性 。 对 表单 中 的 属性 域 ,可 以 通过 “表单 名 . elements[ 下 标 ]” 来 访问 ,也 可 以 通 
过 “表单 名 . 控件 名 ”来 访问 ,例如 myform. elements[0]、myform. account 等 。 


2. form 对 象 的 方法 
form 对 象 的 方法 只 有 一 个 , 即 submit() 方 法 ,该 方法 主要 功能 就 是 实现 form 信息 的 提 
交 。 如 提交 mytest 表单 , 则 使 用 下 列 格式 : 


document. mytest. submit(); 


3 访问 fom 对 象 


在 JavaScript 中 ,访问 窗 体 对 象 可 由 两 种 方法 实现 : 

方法 一 : 通过 form 名 称 访问 

在 二 form 二 标记 中 ,包含 一 个 name 属性 . 它 对 应 了 from 对 象 的 对 象 名 ,JavaScript 程 
序 可 以 通过 表单 名 来 访问 表单 ,例如 : document. myFormO 。 

方法 二 : 通过 数组 来 访问 form 

除了 使 用 form 对 象 名 来 访问 页 面 中 的 表单 外 ,还 可 以 通过 document 对 象 的 forms 对 
象 数组 来 访问 form 对 象 ,因此 可 通过 下 列 格式 实现 form 对 象 的 访问 : 


document. forms[0] .document. forms[1] document. forms[2]… 

需要 说 明 的 是 ,在 JavaScript 中 要 对 form 引用 的 条 件 是 : 必须 先 在 页 面 中 用 二 form 二 
标记 创建 表单 ,并 将 定义 表单 部 分 放 在 引用 之 前 。 

4 访问 fom 中 的 元 素 

一 个 表单 是 由 若干 的 表单 控件 组 成 的 ,这 些 控件 包括 : 文本 框 (text) 、 单 选 钮 (radio)、 
复 选 框 (checkbox)、 按 钮 (button) 等 。 每 一 个 控件 ,在 内 存 中 都 创建 相应 的 内 存 对 象 。 在 


JavaScript 中 要 访问 这 些 基 本 元 素 , 必 须 通过 对 应 特定 的 form 元 素 的 数组 下 标 或 form 元 
素 名 来 实现 。 每 一 个 元 素 主 要 是 通过 该 元 素 的 属性 或 方法 来 引用 。 其 引用 的 基本 格式 为 : 


formName. elements[]. propertyName | methodName 
或 者 : 


formName. elementName. propertyName | methodName 
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不 同 的 form 控件 ,对 应 的 内 存 对 象 的 属性 和 方法 也 不 相同 ,但 每 一 个 内 存 对 象 包含 的 
属性 和 方法 均 与 其 对 应 的 HTML 标记 对 应 。 例 如 ,对 于 text 内 存 对 象 ,对 应 一 个 单行 文本 
框 输入 控件 。 在 HTML 中 ,标记 单行 文本 框 text 输入 的 一 般 形式 是 : 


<input type = "text" name=" " value=" "> 


因此 ,对 应 于 每 一 个 text 对 象 , 其 包含 的 属性 包括 : name 属性 value 属性 .defaultvalue 属 
性 等 。 

对 于 每 一 个 输入 对 象 ,通常 还 包含 一 组 常用 的 方法 ,如 : blur() 方 法 ,将 当前 焦点 移 到 
后 台 ; select() 方 法 ,选择 text 框 内 的 文本 。 包 含 的 事件 有 : onFocus, 当 text 获得 焦点 时 ， 
产生 该 事件 ; onBlur, 从 元 素 失 去 焦点 时 ,产生 该 事件 ; onselect, 当 文字 被 选中 ,产生 该 事 
件 ; onchange, 当 元 素 值 改变 时 ,产生 该 事件 。 

【 例 5-15】 表单 控件 的 操作 示例 。 

<html> 

<head> 

<script Language = "JavaScript" 

function test() 

{ 

document. myForm. text1l. value = "yyy"; 
document. myForm. text1. select(); 

) 

</script> 

<head> 

<body> 

<form name = "myForm"> 

<input type= "text" name = "textl" value = "xxx" > 

</form> 

<a href =" #" onclick = "test()">test</a> 

</body> 

</html> 


单 击 网 页 中 的 超 链接 “test”, 文 本 框 的 内 容 将 赋值 为 "yyy”, 并 被 选中 。 
582 使 用 frame 实现 更 复杂 的 交互 


框架 可 以 将 屏幕 分 割 成 不 同 的 区 域 ,每 个 区 域 有 自己 的 URL, 通 过 window 对 象 的 
frames[ ] 数 组 对 象 可 以 实现 不 同 框架 的 访问 。 实 际 上 框架 对 象 本 身 也 是 一 类 窗口 , 它 继承 
了 窗口 对 象 的 所 有 特征 ,并 拥有 所 有 的 属性 和 方法 。 

例如 ,下 面 是 一 个 包含 三 个 框架 的 框架 网 页 。 


<html> 
<frameset rows = "20 % ,80 % "> 
<frame src = "frameA. htm" > 
<frameset Cols = "200, * "> 
<frame src = "frameB. htm" > 
<frame src = "frameC. htm" > 
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-— /frameset— 

</frameset> 

</html> 

以 上 HTML 标识 将 屏幕 分 成 三 个 框架 。 先 将 窗口 分 成 两 行 ,之 后 再 将 第 二 行 分 成 两 
列 , 其 中 ,第 一 列 占 用 200 像素 的 固定 宽度 。 

在 前 面 我 们 介绍 过 使 用 document. forms[ ] 实 现 单一 form 中 不 同 元 素 的 访问 。 而 要 实 
现 框架 中 多 form 的 不 同 元 素 的 访问 , 则 必须 使 用 window 对 象 中 的 frames 属性 ,frames 属 
性 为 数组 对 象 ,通过 下 标 实现 不 同 框架 的 访问 。 

例如 : parent. franes[ i]. docuenent. forms[j] 

除了 使 用 数组 下 标 来 访问 frame 和 form 外 ,还 可 以 使 用 框架 名 和 form 名 来 实现 各 元 
素 的 访问 ,形式 如 下 : 


parent. frameName. document. formName. elementName; 


59 使 用 AJAX 技 术 


在 Web 应 用 蓬勃 发 展 的 今天 ,新 的 技术 也 不 断 出 现 。 在 客户 端 编程 方面 , 继 DOM 之 
后 ,为 了 更 新 页 面 局 部 的 需要 ,出 现 了 AJAX 技术 , 它 开创 了 一 种 新 的 JavaScript 编程 的 思 
路 和 方法 。AJAX 技术 一 旦 出 现 , 就 受到 了 开发 人 员 的 欢迎 ,并 得 到 了 迅速 的 发 展 ,并 被 广 
泛 应 用 于 许多 需要 实时 刷新 的 页 面 中 。 


5941 AJAX 基础 


AJAX 技 术 是 由 Jesse James Garrett 于 2005 年 2 月 在 一 篇 文章 中 提出 来 的 ,是 
Asynchronous JavaScript and XML( 4 JavaScript 和 XML) 的 缩写 ,AJAX 提供 与 服务 器 
异步 通信 的 能 力 ,一 个 最 简单 的 应 用 是 无 须 刷 新 整个 页 面 而 在 网 页 中 更 新 一 部 分 数据 。 当 
时 ,AJAX 只 是 一 种 设想 ,其 灵感 来 源 于 在 需要 用 Flash 来 实现 一 些 网 络 应 用 的 功能 ,但 是 ， 
由 于 对 Flash 的 不 熟悉 ,尝试 用 传统 的 Web 技术 来 达到 Flash 的 效果 , 即 用 JavaScript 和 
XML 这 两 种 传统 的 Web 技术 来 实现 ,这 就 出 现 了 AJAX 的 概念 。 现 在 ,这 个 术语 已 经 用 
来 泛 指 所 有 允许 浏览 器 在 不 刷新 整个 页 面 的 情况 下 与 服务 器 通信 的 技术 。 

什么 是 AJAX 技术 呢 ? AJAX ERKE E XU JavaScript, CSS, DOM 和 HTML 结合 
起 来 的 一 种 新 用 法 。 这 种 结合 并 不 是 新 概念 ,在 动态 HTML 中 ,人 们 已 经 将 这 些 技术 结合 
在 一 起 使 用 了 ,AJAX 技术 的 独到 之 处 在 于 它 在 服务 器 端 使 用 了 异步 (asynchronous) 处理 
技术 。 

我 们 知道 , Web 应 用 软件 在 运行 时 需要 大 量 的 页 面 ,用 户 在 网 页 上 输入 数据 时 , 单 击 
“提交 ”按钮 ,客户 端 浏览 器 则 把 这 些 信息 发 送 到 服务 器 端 ,服务 器 根据 用 户 的 操作 发 送 一 个 
新 页 面 到 客户 端 。 例 如 ,在 一 个 登录 页 面 中 ,除了 登录 表单 ,页 面 上 通常 还 包含 网 站 品牌 信 
息 、 导 航 条 和 版 权 声明 等 。 对 于 传统 的 登录 页 面 , 当 用 户 提交 表单 后 ,服务 器 将 比较 用 户 在 
表单 中 输入 的 数据 与 数据 库 中 保存 的 登录 信息 是 否 一 致 。 如 果 用 户 输入 的 数据 不 正确 , 服 
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务 器 就 把 与 原来 相同 的 登录 页 面 重 发 给 用 户 , 而 这 个 页 面 与 原来 的 页 面相 比 可 能 只 是 多 了 
“登录 失败 ”的 消息 。 为 了 这 小 小 的 改变 必须 要 重新 传输 整个 网 页 。 用 户 每 发 出 一 个 请 求 ， 
整个 网 页 就 要 被 刷新 一 次 , 即 页 面 的 加 载 与 用 户 的 请 求 是 同步 的 。 

刷新 整个 页 面 除了 带 来 较 大 的 网 络 流量 外 ,对 于 一 些 聊 天 类 的 网 站 ,频繁 的 页 面 刷新 必 
然 会 产生 闪烁 ,影响 用 户 的 视觉 体验 。 当 采用 AJAX 技术 后 ,情况 将 会 大 大 改善 , 当 用 户 提 
交 表 单 后 ,如 果 登 录 失 败 ,将 不 再 刷新 整个 网 页 ,而 是 仅仅 在 页 面 上 增加 了 “登录 失败 ”的 消 
息 文 本 , 即 AJAX 技术 可 以 实现 网 页 的 局 部 刷新 ,而 页 面 上 的 所 有 没有 被 刷新 的 信息 都 是 
提交 表单 前 页 面 的 内 容 。 这 无 论 是 对 于 服务 器 的 CPU 开销 还 是 对 网 络 的 传输 开销 ,无 疑 
都 减轻 了 不 少 压力 ,也 避免 了 页 面 闪烁 现象 的 发 生 。 

总 之 ,AJAX 是 一 种 客户 端 实现 方法 ,开发 人 员 不 需要 学 习 一 种 新 的 语言 ,在 大 多 数 现 
代 浏 览 器 中 都 能 使 用 。AJAX 不 关心 服务 器 是 什么 ,使 用 AJAX 技术 ,不 必 丢 掉 原 先 掌 握 
的 服务 器 端 技术 , 它 可 以 与 ASP、JSP、PHP 等 服务 端 脚本 交互 。 尽 管 存在 一 些 很 小 的 安全 
限制 ,网 站 设计 者 还 是 可 以 充分 利用 原 有 的 知识 ,很 容易 地 使 用 AJAX BOR 


592 XMLHttpRequest 对 象 


AJAX 技术 的 组 成 元 素 涉及 JavaScript\CSS.DOM XMLHTTP 和 XML 等 内 容 , 对 于 
JavaScript, CSS,DOM 和 XML, 在 前 面 的 章节 中 都 已 经 做 了 较 全 面 的 介绍 ,本 节 将 详细 介 
绍 XMLHTTP 相关 对 象 的 概念 及 使 用 方法 。 


1. XMLHttpRequest 对 象 


1999 年 春 , 在 IE 5.0 中 ,增加 了 一 个 新 的 ActiveX 控件 , 即 XMLHttpRequest 对 象 
(XHBO ,当时 ,这 个 对 象 主要 是 在 IE 中 使 用 。 从 Mozilla 1. 0 和 Safari 1. 2 开始 ,对 XHR 对 
象 的 支持 开始 普及 。 这 个 很 少 使 用 的 对 象 和 相关 的 基本 概念 甚至 已 经 出 现在 W3C 标准 
中 , 即 DOM Level 3 加 载 和 保存 规约 (DOM Level 3 Load and Save Specification)。 现 在 , 特 
别 是 随 着 Google Maps、Google Suggest、Gmail、Flickr、Netflix、A9 等 应 用 变 得 越 来 越 炙 手 
可 热 ,XHR 已 经 成 为 事实 上 的 标准 ,是 AJAX 技术 的 核心 组 成 部 分 。 

XMLHttpRequest 对 象 位 于 客户 端 浏览 器 中 ,是 用 来 实现 网 页 与 Web 服务 器 之 间 异 步 
通信 的 对 象 ,通过 它 可 以 在 不 进行 整个 网 页 刷新 的 情况 下 完成 向 服务 器 发 出 请 求 、 接 收 响应 
等 工作 。AJAX 技术 工作 机 制 如 图 5-11 所 示 。 


支持 AJAX 的 
WebJjili — e-------- a 


Web 服 务 器 


客户 端 


图 5-11 AJAX 技术 工作 机 制 


241 


242 


Web 技 术 导 论 (第 2 版 ) 


对 于 一 个 支持 AJAX 的 Web 页 面 来 说 ,与 服务 器 进行 异步 数据 通信 的 过 程 如 下 : 

CD 当 要 求 进行 与 服务 器 异步 通信 的 某 一 事件 发 生 时 ,事件 处 理 程 序 将 调用 XHR, 设 置 
该 对 象 相关 的 属性 参数 。 

© 由 XHR 向 服务 器 发 出 请 求 ,请 求 通过 Internert 发 送 到 Web 服务 器 。 当 服务 器 收 
到 请 求 后 ,运行 指定 的 服务 器 端 程序 。 

C) 服务 器 端 程序 执行 中 如 果 包 含 数据 库 访 问 的 命令 , 则 连接 数据 库 服 务 器 完成 数据 库 
的 相关 操作 ,结果 返回 到 Web 服务 器 。 

GD Web 服务 器 将 响应 信息 通过 Internet 发 回 到 客户 端 ,浏览 器 将 这 些 响应 信息 交 给 
Web 页 面 的 XHR 对 象 。 

© 启动 相应 的 处 理 程序 ,通过 该 文档 的 DOM 模型 完成 页 面 的 更 新 工作 。 

AJAX 技术 等 于 在 客户 端 页 面 和 服务 器 之 间 安 插 了 一 个 中 转 站 ,JavaScript 脚本 先 把 
请 求 从 页 面 发 送 给 这 个 中 转 站 ,再 由 这 个 中 转 站 把 请 求 发 给 服务 器 ; 服务 器 对 请 求 处 理 后 ， 
先 把 响应 发 给 中 转 站 ,再 由 中 转 站 将 响应 转发 给 页 面 ,客户 端 页 面 的 脚本 程序 就 可 以 根据 收 
到 的 数据 进行 网 页 的 更 新 工作 。 这 个 中 转 站 的 角色 就 由 客户 端的 XMLHttpRequest 对 象 
承担 。 在 客户 端 响应 数据 处 理 程序 一 般 为 XHR 对 象 状态 改变 的 事件 处 理 函 数 ,具体 的 网 
页 更 新 工作 可 通过 当前 页 面 的 DOM 模型 完成 。 


2. 创建 XMLHttpRequest x1 $& 


在 使 用 XMLHttpRequest 对 象 之 前 ,必须 先 创 建 一 个 XMLHttpRequest 对 象 。 由 于 
XMLHttpRequest 不 是 一 个 W3C 标准 ,所 以 需要 针对 不 同 的 浏览 器 采用 不 同方 法 创建 
XMLHttpRequest 的 实例 。Internet Explorer 把 XMLHttpRequest 实现 为 一 个 ActiveX 对 
象 ,其 他 浏览 器 (如 Firefox Safari 和 Opera) 把 它 实现 为 一 个 本 地 JavaScript 对 象 。 由 于 存 
在 这 些 差别 ,JavaScript 代码 中 必须 包含 有 关 的 逻辑 ,从 而 使 用 ActiveX 技术 或 者 使 用 本 地 
JavaScript 对 象 技术 来 创建 XMLHttpRequest 的 一 个 实例 。 

在 这 里 为 了 明确 该 如 何 创 建 XMLHttpRequest 对 象 的 实例 ,并 不 需要 那么 详细 地 编写 
代码 来 区 别 浏 览 器 类 型 。 你 要 做 的 只 是 检查 浏览 器 是 否 提供 对 ActiveX 对 象 的 支持 。 如 果 
浏览 器 支持 ActiveX 对 象 ,就 可 以 使 用 ActiveX 来 创建 XMLHttpRequest 对 象 。 否 则 ,就 
要 使 用 本 地 JavaScript 对 象 技术 来 创建 。 可 以 通过 以 下 函数 创建 XMLHttpRequest X12 : 

Var xmlHttp; 

function createXMLHttpRequest() 

{ if(window.ActiveXObject) 

xmlHttp = new ActiveXObject( "Microsoft. XMLHTTP"); 
else if (window. XMLHttpRequest) 
xmlHttp = new XMLHttpRequest(); 

) 

在 这 里 ,变量 xmlHttp 保存 了 XMLHttpRequest 对 象 新 创建 的 一 个 实例 ,如 果 创建 失 
败 ,xmlHttp 的 值 将 为 null。 通 过 该 对 象 的 属性 和 方法 ,可 以 很 容易 地 与 服务 器 实现 请 求 的 
发 送 和 响应 的 接收 。 


3. XMLHttpRequest 对 象 的 属性 和 方法 


XMLHttpRequest 对 象 常用 属性 见 表 5-14。 
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表 5-14 XMLHttpRequest 常用 属性 


属 性 描 g 
onreadystatechange 状态 改变 时 发 生 的 事件 ,可 以 将 它 与 一 个 JavaScript 函数 绑 定 
readyState 请 求 的 状态 。 有 5 个 可 能 的 取 值 (0: 未 初始 化 ; 1: 正在 加 载 ; 2: 已 加 载 ; 
3: 交互 中 ; 4: 完成 ) 
responseText 服务 器 的 响应 ,表示 为 一 个 串 
responseXML 服务 器 的 响应 ,表示 为 XML。 可 以 解析 为 一 个 DOM 对 象 
Status 服务 器 的 HTTP 状态 码 。 例 如 ,200: OK ,404: Not Found, 等 等 
statusText HTTP 状态 码 的 相应 文本 。 例 如 ,OK 或 Not Found( 未 找到 ) 等 


标准 XMLHttpRequest 对 象 的 方法 见 表 5-15. 
表 5-15 XMLHttpRequest 对 象 常用 方法 


5 È JH x 


open("method" , "URL". "asynch") 建立 对 服务 器 的 请 求 , 即 设置 对 应 服务 器 端的 异步 通信 程序 ， 
URL 为 服务 器 端 程序 的 URL 


send(content) 向 服务 器 发 送 请 求 
setRequestHeader("header", "value") 把 指定 首部 设置 为 所 提供 的 值 。 在 设置 任何 首部 之 前 必须 先 
调用 openO 
abort() 停止 当前 请 求 
getAllResponseHeaders() 把 HTTP 请 求 的 所 有 响应 首部 作为 键 / 值 对 返回 
getResponseHeader("header") 返回 指定 首部 的 串 值 
下 面 详细 介绍 这 几 个 方法 的 应 用 。 


(D void open(string method. string url[ ,boolean asynch][L,string username ][ ，string 
password ] 

建立 对 服务 器 的 调用 ,这 是 初始 化 一 个 请 求 的 纯 脚 本 方法 ,包含 两 个 必要 的 参数 和 3 个 
可 选 参数 。 其 中 : 

method: 必 选 参数 ,提供 调用 的 特定 方法 (GET、 POST 或 PUT) 。 

url, 必 选 参数 ,所 调用 资源 的 URL, 即 服务 器 端 处 理 程序 。 

asynch: 必 选 参数 ,指示 这 个 调用 是 异步 的 还 是 同步 的 。 默 认 值 为 true, 如 果 为 false， 
处 理 就 会 等 待 ,直到 从 服务 器 返回 响应 为 止 。 

username: 可 选 参数 ,表示 用 户 名 ,用 于 身份 验证 。 

password: 可 选 参数 ,表示 用 户 密码 ,用 于 身份 验证 。 

© void send([ content ]) 

向 服务 器 发 出 请 求 。 如 果 请 求 声明 为 异步 的 ,这 个 方法 就 会 立即 返回 ,和 否则 它 会 等 待 直 
到 接收 到 响应 为 止 。 可 选 参数 可 以 是 DOM 对 象 的 实例 、 输 入流 ,或 者 串 。 传 人 这 个 方法 的 
内 容 会 作为 请 求 体 的 一 部 分 发 送 。 

®© void setRequestHeader(string header, string value) 

HTTP 请 求 中 一 个 给 定 的 首部 设置 值 。 它 有 两 个 参数 : header 表示 要 设置 的 首部 ; 
value 表示 首部 的 值 。 需 要 说 明 ,这 个 方法 必须 在 调用 open() 之 后 才能 调用 。 
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@ void abortO 

停止 请 求 的 方法 。 

© string getAllResponseHeadersO 

返回 所 有 响应 的 Http 头 , 首 部 包括 Content-Length, Date 和 URI., 

© string getResponseHeader(string header? 

返回 指定 的 首部 值 。 

由 于 AJAX 技术 涉及 客户 端 和 服务 端 编程 两 个 方面 ,我 们 将 在 下 一 章 的 综合 举例 中 ， 
通过 聊天 程序 的 实现 ,详细 介绍 AJAX 技术 的 应 用 。 


510 综合 举例 


Web 客户 端的 编程 比较 简单 , 它 不 需要 特别 的 编译 和 运行 环境 ,只 要 有 一 个 浏览 器 就 
可 以 了 。 但 是 ,要 编写 高 质量 的 客户 端 脚本 并 不 容易 ,这 取决 于 您 大 量 的 实践 经 验 , 也 来 源 
于 用 户 的 需求 。 没 有 需求 ,就 不 会 有 深入 的 编程 体验 ,更 无 法 把 一 个 工具 学 精 。 为 此 ,在 本 
章 的 最 后 ,我们 给 出 了 三 个 在 实际 Web 开发 中 常用 的 功能 ,分 别 来 综合 说 明 JavaScript 中 
的 窗口 控制 .图 层 技 术 和 HTML DOM 文档 的 操作 ,帮助 建立 总 体 的 Web 客户 端 编程 思 
想 。 也 相信 这 三 个 应 用 的 代码 ,对 用 户 会 有 很 好 的 借鉴 作用 。 


5101 一 个 Web 课件 框架 
在 E-learning 中 ,网 络 课件 是 重要 的 教学 资源 ,一 种 简单 易 用 的 课件 界面 对 于 E-learning 


系统 有 着 重要 的 作用 。 图 5-12 是 我 们 的 Genaral Self-learning 网 络 教学 平台 GSL 中 的 知 
识 单元 学 习 界 面 。 


一 区 (图 片区 ) 
二 区 = 
(黑板 区 ) (讲解 区 ) 
四 区 (状态 区 ) 
显示 在 线 人 数 和 在 线 教师 图 标 TECHNO 


图 5-12 Web 课件 界面 


一 区 显示 课程 的 标题 图 片 。 二 区 为 黑板 区 ,在 黑板 区 中 主要 展示 课程 中 的 插图 、 动 画 、 
视频 程序 公式 推导 、 定 理 证 明 等 教师 在 课堂 教学 中 在 黑板 上 书写 的 内 容 。 三 区 为 教案 讲 
解 区 ,主要 是 文字 解说 ,对 应 教师 在 课堂 教学 中 的 讲解 。 黑 板 区 与 教案 讲解 区 紧密 配合 ,二 
区 与 三 区 配合 完成 整 门 课程 的 教学 内 容 设 计 , 通 过 标准 的 稿 本 创作 规范 由 教师 完成 。 四 区 
为 状态 区 ,是 学 生 和 系统 在 线 交 互 的 主要 入 口 ,显示 在 线 学 生 数 量 、 在 线 辅导 教师 以 及 供 学 
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生 提 问 的 帮助 入 口 。 五 区 为 导航 区 ,完成 默认 的 页 面 导 航 , 包 括 : 目录 、 知 识 点 、 上 一 页 、 下 
一 页 ,实验 、 练 习题 等 超级 链接 ,实现 每 一 章 学 习 内 容 的 交互 。 

下 面 我 们 将 利用 JavaScript 脚本 程序 来 完成 上 述 界面 的 设计 , 它 包 括 了 JavaScript 中 
WRI R AER RE ,参数 传递 .包含 等 各 种 各 样 的 JavaScript 编程 技术 。 


1. 建立 Web 应 用 中 的 一 个 页 面 一 一 初始 框架 


根据 问题 的 需求 ,我们 设计 Web 应 用 的 总 体 框架 。 根 据 图 5-12, 在 这 个 Web 应 用 中 ， 
第 一 个 网 页 应 该 是 一 个 框架 网 页 ,我 们 将 主 调 文档 的 文件 命名 为 myframes. htm, 

用 FrontPage 工具 完成 myframes. htm 框架 网 页 的 设计 ,代码 如 下 : 

主 调 文档 myframes. htm 内 容 : 


<html> 
<head> 
<title>GSL 网 络 课程 一/title> 
<script> 
function maxwindow() 
{ 
window. moveTo(0, 0); 
window. resizeTo(screen. availWidth, screen. availHeight); 
) 
</script> 
</head> 
<frameset rows = "100, * ,60" framespacing = "0" border = "0" frameborder = "0" 
onLoad = "maxwindow()"> 
<frame name = "topbanner" scrolling = "no" noresize src = "mybanner. htm" > 
<frameset cols = "* ,300"> 
<frame name = "frameA" target =" self" scrolling = "auto" src= "myA. htm" > 
<frame name = "frameB" target = "frameA" scrolling = "auto" src = "myB. htm" > 
</frameset> 
<frameset cols = "* ,300"> 
<frame name = "frameC" scrolling = "no" src = "myC. htm" > 
<frame name = "frameD" scrolling = "auto" 
src = "myD. htm chapter = ch01&pagenums = 26&page = 0" > 
</frameset> 
</frameset> 
</html> 


整个 窗口 分 成 五 个 帧 , 帧 的 名 字 分 别 是 topbanner, frameA .frameB frameC 和 frameD, 
其 中 ,topbanner 帧 主要 负责 显示 标题 图 片 ; frameA 帧 用 于 显示 知识 单元 所 对 应 的 图 标 、 
动画 .公式 等 相关 学 习 对 象 ; frameB 中 显示 知识 单元 具体 的 学 习 内 容 ; frameC 帧 为 状态 显 
ZR ,与 其 他 帧 没有 超 链接 关系 ; frameD 为 导航 帧 , 它 影 响 frameB 的 显示 内 容 。 

注意 ,在 HTML 中 ,top 是 一 个 保留 字 , 最 好 不 要 使 用 top 作为 帧 的 名 字 ,和 否则 在 调用 
时 可 能 出 错 。 为 了 使 得 浏览 器 窗口 发 生变 化 的 时 候 ,fameA frameC 和 frameD 帧 不 发 生变 
化 ,我 们 使 用 了 帧 的 绝对 像素 值 ,而 不 是 百分比 。 


2. topbanner 帧 的 设计 
topbanner 帧 的 设计 显示 一 幅 图 片 或 Flash 动画 ,我 们 指定 它 的 源 文件 是 mybanner. 
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htm, 这 是 最 为 简单 的 一 个 网 页 ,只 要 设置 一 幅 背 景 图 片 就 可 以 了 。 或 者 根据 帧 的 尺寸 大 小 
dfi A — Flash 动画 。 一 个 简单 的 mybanner. htm 文档 内 容 如 下 : 


<html> 

<head> 

<meta http- equiv = "Content - Type" content = "text/html; charset = gb2312"— 
<title>Top banner</title> 

</head> 

<body background = " images/coursebanner. jpg"> 

</body> 

</html> 


3. frmaeC 帧 的 设计 


1E frameC 帧 ,我们 主要 用 于 设计 系统 的 状态 , 它 对 应 了 一 个 myC. htm 网 页 ,可 能 是 显 
示 目 前 的 在 线 人 数 , 这 里 先 不 考虑 。 


4 frmaeD 帧 的 设计 


frameD 帧 是 我 们 的 页 面 导 航 区 ,为 简单 起 见 ,包括 三 个 图 片 超 链 接 : 目录 、 上 一 页 、 下 
一 页 ,每 一 个 超 链接 对 应 不 同 的 显示 状态 ,是 相对 复杂 的 一 个 网 页 。 
MyD. htm 文档 内 容 如 下 : 


<html> 
<head> 
<meta http- equiv = "Content - Type" content = "text/html; charset = gb2312" > 
<script src = "QueryString. js" ></script> 
<script src = "indexdatas. js" ></script> 
<script language = "JavaScript" > 
// (1) index 按钮 ,对 应 两 个 图 片 ,分 别 用 于 当 鼠 标 置 于 按钮 上 ,或 离开 时 的 显示 
imagelon = new Image(); 
imagelon. src = "images/indexov. gif"; 
imageloff = new Image(); 
imageloff. src = "images/indexup. gif"; 
//(2)up 按钮 ,对 应 三 个 图 片 , 分别 用 于 当 鼠 标 置 于 按钮 上 ,离开 时 或 当前 页 是 第 一 页 时 的 灰 化 
// 的 显示 
image2on = new ImageO ; 
image2on.src - "images/backov.gif"; 
image2off = new Image(); 
image2off.src = "images/backup. gif"; 
image2dim = new Image(); 
image2dim.src - "images/backdim.gif"; 
// G3) next 按钮 ,对 应 三 个 图 片 ,分 别 用 于 当 鼠 标 置 于 按钮 上 ,离开 时 或 当前 页 是 最 后 一 页 时 的 
// 灰 化 的 显示 
image3on = new ImageO; 
image3on.src - "images/nextov.gif"; 
image3off = new Image; 
image3off.src - "images/nextup.gif"; 
image3dim - new Image(); 
image3dim.src = "images/nextdim.gif"; 
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// 初始 化 按钮 的 显示 ,其 中 up 按钮 显示 为 灰 化 
function myButtonInit() 
t 
var mynum = parseInt(mypagenums, 10); 
document['image2'].src = image2dim.src; 
if (mynum < = 1) 
document['image3'].src = image3dim. src; 
) 
// 改变 按钮 的 显示 图 片 
function showPic() 
{ 
if (document. images && PageNums > 1) 
for (var i=0; i < showPic. arguments. length; i+ = 2) 
{ 
if (showPic. arguments[ i] =='image3' && CurrentPage ==PageNums) 
return; 
else if (showPic. arguments[ i] =='image2' && CurrentPage ==1) 
return; 
else 
document[ showPic. arguments[ i]]. src = eval (showPic. arguments[ i + 1] + 
"ao; 
) 
} 
// 打开 一 个 索引 页 面 ,显示 课程 的 三 级 目录 ,每 个 目录 对 应 一 个 超 链接 
function openIndexwin() 
{ 
if (indexwin ++"" || indexwin. closed) 
{ // 书本 的 全 部 三 级 目录 索引 页 面 
myurl = "indexframes. htm"; 
indexwin = window. open(" indexframes. htm", " IndexWin",""); 
/ / window. open(" indexframes. htm", " IndexWin", "") 
//popup.location = myurl; 
} 
else 
indexwin. focus(); 
} 
// 根据 章 和 当前 页 ,获得 当前 页 对 应 的 网 页 文件 的 文件 名 代码 ,代码 数组 存储 在 文件 
// indexdatas. js 中 
function getPagecode(cha, thePage) 
1 
var pagecode; 
switch (cha) { 
case "ch01": 
pagecode = PagesIDs01[thePage]; 
break; 
case "ch02" : 
pagecode = PagesIDsO2[thePage]; 


return pagecode; 
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// 在 frameA 和 frameB, 分 别 显示 下 一 知识 单元 对 应 的 HTML 文件 
function NextPage() 
{ 
if (CurrentPage ==PageNums 一 2) 
return; 
if ((CurrentPage * 1) --PageNums - 2) 
document['image3'].src = image3dim. src; 
CurrentPage-* ; 
pagecode = getPagecode(mycha,CurrentPage); 
NextPageURLa = mycha + "/" + pagecode * "a" + ".htm"; 
NextPageURLb = mycha + "/" + pagecode + "b" t ".htm"; 
eval('parent. frames. frameA. location. href = NextPageURLa' ) ; 
eval('parent. frames. frameB. location. href = NextPageURLb' ) ; 
H 
// 在 frameA 和 £raneB, 分 别 显示 上 一 知识 单元 对 应 的 HTML 文件 
function PrevPage() 


{ 


if (CurrentPage ==0) 
return; 
if (CurrentPage ==1) 
document['image2'].src = image2dim.src; 
CurrentPage--; 
pagecode - getPagecode (mycha, CurrentPage); 
BackPageURLa = mycha + "/" + pagecode * "a" +". htm"; 
BackPageURLb = mycha + "/" + pagecode +"b" +". htm"; 
eval('parent. frames. frameA. location. href = BackPageURLa') ; 
eval('parent. frames. frameB. location. href = BackPageURLb') ; 
) 
</script> 
</head> 
<body leftmargin = "1" topmargin = "1" bgcolor = " # 000000"> 
<script language = JavaScript> 


var Request = new QueryString(); // 创建 参数 对 象 实例 ,定义 在 QueryString. js 中 
mycha = Request["chapter"]; // 章 编号 
mypagenums = Request["pagenums" ]; // 当前 章 页 数 
mypage = Request["page"]; // 当前 页 
var PageNums = parseInt(mypagenums, 10); 
var CurrentPage- parseInt(mypage, 10); 
var indexwin- ""; // 索 引 窗口 
</script> 
<div align = "center"> 
<center> 
<table border = "0" cellpadding = "0" width= "100 % ”height = "100 & "> 
<tr> 


<td align = "center" width= "100 % "> 
<table bgcolor = " # 000000" border = "0" cellspacing = "0" cellpadding = "0"> 
E 
<td><a href = "javascript:openIndexwin()" target = " self" 
onMouseOver - "showPic('imagel', 'imagelon')" 
‘onMouseOut = showPic('imagel', 'imageloff')"— 


<img name = "imagel" 


</td> 
<td><a href -" javascript 


src = "images/indexup.gif" ></a> 


:PrevPage()" 


onMouseOver = "showPic('image2', 'image2on')" 
onMouseOut = "showPic( 'image2', 'image2off')"> 


— ing name = "image2" 


</td> 
<td><a href -" javascript 


src = "images/backdim.gif" ></a> 


:NextPage()" 


onMouseOver = "showPic('image3', 'image3on')" 
onMouseOut = "showPic('image3', 'image3off')"— 


<img name = 
</td> 
</tr> 
</table> 
</td> 
</tr> 

</table> 

</center> 
</div> 
<script language = "JavaScript" > 

myButtonInit(); 
</script> 
</body> 
</html> 


myD. htm 显示 结果 如 图 5-13 所 示 。 


image3" 


src = "images/nextup.gif" ></a> 


T D:\hao\ayd.hta - Microsoft Internet... EBR) 
文件 EE) SED FEV RRA IAV Wbo M 


搜索 BRE 
Eaa ss 


图 5-13 frameD 帧 的 显示 


说 明 : 


COD. 在 myD. htm 中 ,我 们 看 到 每 一 个 图 片 超 链 接 的 href 属性 的 值 写成 了 类 似 下 面 的 
形式 : href— "javascript: openIndexwin O" ,其 中 的 前 缀 “javascript: ”是 不 可 缺少 的 ,每 一 


个 二 


> 标记 默认 打开 一 个 窗口 ,因为 需要 的 窗口 是 要 在 openIndexwin() 中 打开 的 ,因此 在 


二 a 二 标记 中 ,设置 属性 target 为 *_self”, 用 以 避免 单 击 该 二 a 二 时 ,打开 两 个 窗口 ,一 个 是 
所 a 二 对 应 的 窗口 ,一 个 则 为 函数 内 部 用 open 打开 的 窗口 。 


此 外 ,在 二 a 二 标记 中 ,可 以 同时 设置 href 


属性 和 onclick 属性 。 如 果 设 置 了 onclick 属 


性 ,浏览 器 将 首先 执行 onclick 中 的 代码 ,如 果 有 返回 语句 return false, 则 不 再 执行 href 中 


249 


250 


Web 技 术 导 论 (第 2 版 ) 


的 地 址 转移 ,否则 ,执行 完 onclick 中 的 代码 后 ,将 转移 到 href 参数 中 设 定 的 URL. 
例如 ,大 家 可 以 验证 下 面 的 HTML 语句 : 


<a href ="#" onclick = "Javascript:test();return false; ">test</a> 


取消 return false, 再 尝试 一 次 ,看 看 结果 有 何不 同 。 
(2) 在 myD. htm 中 ,如 果 要 修改 frameA 和 frameB 中 的 HTML, 也 可 以 不 使 用 eval 


函数 ,而 直接 使 用 类 似 下 列 的 代码 : 
window. parent. parent. frames[ 'frameA']. location = "url"; 


(3) 对 于 一 个 图 片 或 一 段 文本 可 以 设置 水 平 居中 ,如 果 要 使 一 个 图 片 做 到 在 网 页 内 水 
平和 垂直 居中 ,如何 实现 呢 ? 方法 是 将 内 容 插入 到 一 个 1X1 的 表格 中 ,指定 表格 属性 设置 
width — "10074" height — "100 26" ,然后 在 单元 格 中 插入 相应 的 内 容 即 可 。 

(4) 包含 文件 

在 myD. htm 文档 中 ,用 到 了 两 个 包含 文件 : QueryString. js 和 indexdatas. js。 其 中 
QueryString. js 定义 了 一 个 参数 类 ,用 于 获得 当前 页 面 的 参数 ,在 本 例子 中 ,传递 到 myD. 
htm 页 面 的 有 三 个 参数 ,分 别 是 :“chapter”( 章 编号 ) “pagenums”( 当 前 章 的 页 数 ) 和 
“page”( 当 前 页 )。 

QueryString. js 文档 内 容 如 下 : 


function QueryString() 
{ // 构 造 参 数 对 象 并 初始 化 
var name, value, i; 
var str - location.href; // 获 得 浏览 器 地 址 栏 URL 串 , 本 例 中 的 形式 为 : 
// myD. htm? chapter = ch01&pagenums = 26&page = 0 
var num = str. indexOf("?") 
str = str.substr(num 1); // 截 取 *“?” 后 面 的 参数 串 
var arrtmp = str. split("g"); // 将 各 参数 分 离 形成 参数 数组 
for(i=0;i < arrtmp. length;i++) 
{ 
num = arrtmp[ i]. indexOf(" ="); 
if(num>0) 
{ 
name = arrtmp[i].substring(0,num); ”// 取 得 参数 名 称 
value = arrtmp[ i]. substr(num+ 1);  // 取 得 参数 值 
this[name] = value; // 定 义 对 象 属性 并 初始 化 
) 
) 
} 


包含 文件 indexdatas. js 定义 了 整个 Web 应 用 所 有 网 页 用 到 的 全 局 变量 ,内 容 如 下 : 


var PageNums01 = 26; // 第 1 章 知识 单元 数 ,一 个 知识 单元 对 应 一 个 Web 页 
var PagesIDs01 = new Array(26); // 存储 每 一 页 的 ID= p+ 节 + 小 节 , 节 和 小 节 各 占 两 位 
PagesIDs01[0] = "p00"; // 本 章 的 目录 页 

PagesIDs01[1] = "p0101"; // 第 1.1.1 小 节 

PagesIDs01[2] = "p0102"; 
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PagesIDs01[3] = "p0103"; 

dfe 

PagesIDsO01[25] = "p0702"; 

// 以 下 是 第 二 章 、 第 三 章 等 其 他 章 的 数据 , 和 第 一 章 类 似 。 

(5) 函数 调用 

在 一 个 帧 中 打开 了 许多 页 面 ,只 要 页 面 没 有 关闭 , 则 其 中 的 函数 也 都 在 内 存 中 ,因此 ,这 
些 页 面 中 定义 的 函数 可 以 互相 调用 。 因 为 页 面 中 定义 的 函数 都 属于 这 个 页 面 对 应 的 
window 对 象 的 成 员 ,因此 ,可 以 通过 相应 的 window 对 象 来 调用 。 

例如 ,在 本 例 中 的 myD. htm 的 函数 定义 中 ,可 以 调用 topbanner 中 定义 的 函数 f1()。 
因为 根据 myframes 中 的 帧 结构 定义 ,在 frameD 中 的 页 面 myD. htm 要 定位 到 topbanner 
帧 窗口 中 的 页 面 , 需 要 一 个 window 对 象 的 复杂 引用 ,具体 的 调用 方法 是 : 


window. parent. parent. franes[ 'topbanner']. £1(); 
此 外 ,也 可 以 使 用 在 另 一 个 打开 的 页 面 中 定义 的 全 局 变量 ,使 用 方法 和 上 述 方法 类 似 ， 
这 些 变 量 都 是 窗口 对 象 window 的 成 员 。 


5. 目录 索引 页 设计 


在 frameD 帧 中 ,有 一 个 “index” 按 钮 , 单 击 该 按钮 ,将 打开 一 个 新 的 窗口 ,显示 一 门 课程 
中 的 课程 目录 ,通过 该 目录 ,学 生 可 以 进入 任何 一 章 、 任 何 一 个 小 节 。 此 时 ,在 frameA 和 
frameB 中 显示 该 小 节 的 内 容 。 
(1) 目录 索引 页 indexframes. htm 设计 成 一 个 框架 网 页 ,如 图 5-14 所 示 o 
EB D:\hao\indexframes.hta - Microsoft Internet Explorer 
文件 于 ) Bg) EEV BRA IA WHW 
Qa- O [gt x krme e De 
地 址 M) |E) D: \hao\indexframes. hta 
PA YU frt LS GR TESEAUBEAE An UR 
i 3- 提高 计算 机 操作 技能 


第 一 章 计算 机 技术 与 信息 社会 


1.1 信息 、 信 息 技 术 和 信息 社会 
1.1.1 信息 的 基本 概念 
1.1.2 信息 处 理 、 信 息 技 术 和 计算 机 
1.1.3 信 息 社会 


1.2 计算 机 发 展 简 史 


图 5-14 目录 索引 页 
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indexframes. htm 框架 网 页 包含 了 上 下 两 个 帧 ,上 面 显示 菜单 (myindexmenu. htm) ,下 
面 是 每 一 章 的 目录 (每 章 一 个 文件 /chxx/pindex. htm). 


indexframes. htm 代码 如 下 : 

<html> 

<head> 

<meta http- equiv = "Content - Type" content = "text/html; charset = gb2312" > 
<script> 


var activeindex = null; 

function showLayer( layer) 

{ 

eval(activeindex + ". hide()"); 

activeindex = layer; 

eval(layer + ". show"); 

) 

function hideLayer(layer) 

{ 

eval(layer + ".hide()"); 

) 

</script> 

</head> 

< frameset frameborder = "0" border = "0" framespacing = "0" rows = "110, * "> 
<frame name ndexmenu" src = "courseindex. htm" target ="_self" scrolling = "no"> 
<frame name = "indexcontent" src = "pleaseselcha. htm" target = "main"> 

— /frameset— 

</html> 


(2) 菜单 页 面 courseindex. htm 的 内 容 如 下 : 


<html> 

<head> 

<meta http- equiv = "Content - Type" content = "text/html; charset = gb2312" > 
<script language = "JavaScript" > 

function chapterIndex(chapter) 

{ 


str = "pindex.hta"; // 每 一 章 的 目录 页 ,分 别 存在 ch01 .ch02…… 
indexPageURL = chapter + "/" + str; 
window. parent. frames[ 'indexcontent']. location = indexPageURL; 


) 
</script> 
<base target = "_self"> 
</head> 
<body leftmargin = "1" topmargin = "1" bgcolor = " # 000000"> 
<div align = "center"> 
<table bgcolor = " # 000000" border = "0" cellspacing- "0" cellpadding = "0" width = "100 % "> 
xt 
<td width= "540" height = "90" colspan- 9 background = " images/ coursebanner. jpg" > 
</td> 
</tr> 
<tr bgcolor = "#FFCC00"> 
<td width = "40" align= "right" €, </td> 
<td width = "40"><a href = " javascript:chapterIndex('ch01);"— |01| </a></td> 
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<td width = "40"> <a href = "javascript: chapterIndex('ch02');">02|</a></td> 
<td width = "40"> <a href = "javascript: chapterIndex( 'ch03');">03|</a></td> 
<td width= "40" — <a href = "javascript:chapterIndex( 'ch04') ;" —04 | </a></td> 
<td width = "40"><a href = " javascript;chapterIndex('ch05") ;" 7705 | </a></td> 
<td width = "40"><a href = "javascript; chapterIndex( 'ch06') ;" 706 | </a></td> 
<td width= "40"> <a href = "javascript :chapterIndex( 'ch07 '); ">07 | </a></td> 


<td width= "550"><a href 
</tr> 
</table> 
</div> 
</body> 
</html> 


6. 每 一 章 的 目录 页 


= " javascript;chapterIndex( 'ch08') ;" 708 | </a></td> 


在 目录 窗口 帧 中 , 单 击 某 一 章 ,在 indexcontent 帧 中 将 显示 所 选 章 的 目录 。 每 一 章 的 目 


录 文 件 名 为 pindex. htm, 分 别 存储 在 ch01、ch02 


子 文件 夹 中 。 该 文件 含有 大 量 的 超 链 


接 , 最 终 通过 这 些 超 链接 来 刷新 frameA 和 frameB 中 的 内 容 。 


pindex. htm 代码 如 下 : 


<html> 
<head> 


<meta http- equiv = "Content - Language" content = "gb2312"> 


<titleœ>pindex01 </title> 


<script src = "../indexdatas.js" ></script> 


<script language = "JavaScript" > 
function GoContentPage(selstr) 


{ 


Chapter = selstr. substring(0, 2); 
Section = selstr.substring(2,4); 
Subsection = selstr. substring(4, 6); 


str = "p" + selstr.substring(2,6); 
CurrentPage = 0; 


// 为 简单 起 见 , 只 考虑 第 一 章 的 情况 ,PageNums01 为 第 一 章 的 页 面 数 ,存储 在 indexdata. js 


// 文 件 中 
while (CurrentPage 一 PageNums01) 
{ 


if (PagesIDsO1[CurrentPage] 
break; 
CurrentPage ++; 


str) 


) 
if (CurrentPage -- PageNums01) 
CurrentPage - 0; 
NewPageURLa 
NewPageURLb 


// document. writeln(NewPageURLa) ; 


= "../ch" + Chapter + "/" + PagesIDsO01[CurrentPage]-* "a" +". htm"; 
= "../ch" + Chapter + "/" + PagesIDsO01[CurrentPage].- "b" +". htm"; 


if (window. parent. opener && ! window. parent. opener. closed) 
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window. parent. opener. parent. frames[ 'frameA']. location. href = NewPageURLa; 
window. parent. opener. parent. frames[ 'frameB']. location. href NewPageURLb; 


) 
// 刷新 frameD 帧 的 内 容 , 使 得 其 中 的 数据 和 索引 页 的 选择 同步 
newurl = "../myD.htm chapter = ch01&pagenums = 26&page = ”+ CurrentPage; 
window. parent. opener. parent. frames[ 'frameD']. location = newurl; 
top.blurO; 
) 
</script> 
</head> 
<body> 
<p><font size = "5" 58 —3 HAIER fä B tE 2: / font — /p 
<div align = "center" 
<center> 
<table border = "0" width= "100 % "> 
<tr height = "30"> 
<td >1.1</td> 
<td colspan= "2" align = "left" (ji A fA B HERR fri B Hb e / td> 
</tr> 
«tr 
<td width = "3 $ "></td> 
<td width= "5% "><a href = "i" onClick = "GoContentPage( '010101');">1.1.1</a> 
</td> 
<td align- "left" width= "90 $ "二 信息 的 基本 概念 二 /td 二 
</tr> 
<tr> 
<td width= "3 $ "></td> 
<td width= "5 %$ "><a href = "i" onClick = "GoContentPage( '010102');">1.1.2</a> 
</td> 
<td align- "left" width= "90 % "> 信息 处 理 , 信 息 技术 和 计算 机 二 /td 二 
</tr> 
«tr 
<td width = "3$ "></td> 
<td width= "5 $ "><a href = "#" onClick = "GoContentPage( '010103');">1.1.3</a>œ> 
</td> 
<td align= "left" width= "90$ "二 信息 社会 一 /td> 
[tr 
<tr height = "30"— 
«td >1.2</td> 
<td colspan= "2" align= "left" 之 计算 机 发 展 简 史 一 /td> 
</tr> 
</table> 
</center> 
</div> 
</body> 
</html> 


当 上 述 代 码 完 成 后 ,双击 myframes. htm 文件 ,在 浏览 器 中 显示 系统 主 界面 , 单 击 
Index,back 和 next 按钮 ,可 以 检验 系统 的 运行 效果 。 系 统 界面 如 图 5-15 所 示 。 
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等 csL 网 络 课程 - Microsoft Internet Explorer 
XPD RE SEV RAW IAV 帮助 四 


所 -日 [da0 s kra O B-S- 
PSIE D) [E] D \hao\nyfranes hta 


YE JEAJLTEE UE CAR An 


Vna 


^ 提高 计算 机 操作 技能 


ri 信息、 信息 技术 和 信息 社会 
1.1.1 信息 的 基本 概念 


1。 香 家 的 信息 定义 

1948 年 香 灾 在 《通讯 的 数学 理论 》 这 
篇 葛 基 性 的 论文 中 ， 把 信息 定义 为 “末次 不 
确定 性 之 差 ”， 即 “不 确定 性 的 减少 的 
量 ”。 根 据 香农 的 信息 定义 ， 从 通讯 角度 


为 人 们 所 认识 和 利用 的 ， 但 事先 又 不 知道 的 
消息 、 情 况 等 。 也 就 是 说 ， 信 息 对 于 收 信者 
来 讲 ， 应 该 是 有 用 的 和 未 知 的 东西 。 因 此 ， 

香 衣 信息 实际 上 是 概率 信息 ， 也 是 从 不 确定 
性 吓 机 概率 测度 的 ) 角度 给 信息 下 定义 的 。 


在 线 学 生 名 单 (515 人 ) 。 即时 消息 ”在线 交流 ”学习 论坛 博客 


5-15. 最终 完成 的 GSL 网 络 课程 界面 


上 述 的 代码 很 长 ,从 中 我 们 可 以 体会 到 ,Web 应 用 的 客户 端 编程 还 是 非常 复杂 的 ,特别 
是 在 不 同 的 帧 之 间 的 控制 ,以 及 页 面 之 间 的 参数 传递 和 函数 调用 。 这 需要 对 JavaScript 内 
部 对 象 .浏览 器 BOM 模型 和 HTML DOM 模型 有 非常 清楚 的 理解 。 

同时 ,一 个 功能 可 能 有 多 种 实现 方法 ,上 述 代码 中 ,也 尽量 地 反映 出 这 种 多 样 性 。 只 要 
经 过 认真 的 积累 , 定 会 编写 出 精彩 的 Web 应 用 。 


5.102 一 个 文本 文档 批注 系统 


对 于 写 在 纸 面 上 的 东西 ,我 们 很 容易 再 对 内 容 进行 修改 或 添加 说 明 。 如 果 是 电子 文档 ， 
如 何 完 成 上 述 的 功能 呢 ? 如 果 是 带 有 格式 的 文档 ,如 Word 文档 ,可 以 用 不 同 的 颜色 ,通过 
“审阅 ”工具 栏 插入 “批注 ”等 方式 对 文档 进行 说 明 。 

对 于 文本 文档 ,由 于 没有 格式 ,因此 无 法 用 类 似 Word 的 方法 来 实现 对 文档 的 说 明 。 因 
此 ,可 以 利用 HTML 和 JavaScript 技术 ,开发 一 个 文本 文档 的 批注 系统 。 


1 登录 界面 设计 


首先 设计 一 个 登录 界面 ,不 同 的 角色 可 以 具有 批注 权限 。 设 计 的 登录 界面 如 图 5-16 
所 示 。 
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文本 文档 批注 系统 
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图 5-16 登录 界面 


对 应 的 HTML 文档 mylogin. htm 内 容 如 下 : 


<html> 
<head> 
<title>postil< /title> 
<link href = "mypub. css" rel = "stylesheet" type = "text/css"> 
<script language = "javascript" src = "myglobal. js" — — /script— 
<script language = "javascript" — 
function login() 
{ 
var name = document. all. userName. value; 
if( isEmpty( name ) ) 
{ 
alert(" 用 户 名 不 能 为 空 1" ); 
document. all. userName. focus(); 
return; 
} 
varr = document.all.userRole. value; 
if( r --"teacher" ) 
window. open( "fileload.htn" , " self" ); 
} 
</script> 
</head> 
<body onload = " javascript;document. all. userName. focus();" bgcolor = "it CCCCCC" > 
<div align "center" 
<center> 
<table width= "100 % " height = "100 €" border = "0" cellpadding = "0"> 
<tr> 
<td width = "100 $ "> 
<table width = "300" align= "center" border = "2" cellspacing = "0" cellpadding = "0" > 
<tr height = 50><td align = "center" — 3 Zk LHH ER Bb — / td — /tr— 
<tr><td> HPM &nbsp; <input type = "text" name = userName ^ </td></tr> 
<tr> 
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«td ffi &nbsp;&nbsp; ff &nbsp; 
<select name = userRole> 
<option value = teacher # Jf </option> 
<option value = student ^f A </option> 
</select> 
</td> 
[tr 
Mtr «td» - input type= "button" value= "登录 ”onclick = "login " — — /td ^ — /tr7» 
</table> 
</td> 
</tr> 
</table> 
</center> 
</div> 
</body> 
</html> 


说 明 : 在 上 述 的 文档 中 ,引用 了 一 个 .ess 文件 mypub. css, 它 定义 了 应 用 中 的 样式 。 同 
时 ,还 用 到 了 一 个 包含 文件 myglobal. js, 定 义 了 各 个 HTML 文档 用 到 的 公用 函数 和 全 局 
变量 。 

(D) mypub. css 样式 文件 内 容 


body ( 
font - family: "宋体 "; font- size: 9pt 
scrollbar - highlight - color; rgb(92,149,255); 
scrollbar - 3dlight - color; rgb(92,149,255); 
scrollbar - arrow- color: rgb(70,255,229); 
scrollbar - track - color: rgb(92, 149,255); 
scrollbar - darkshadow — color; rgb(92,149,255); 
scrollbar - base - color; rgb(88,120, 255); 
) 
table (font - family: "宋体 "; font- size: 9pt) 
td (font ~ family; "verdana"; font- size; 9pt] 
input { 
border:1 solid black;font - size; 9pt; height; 18px; line- height; normal 
} 
textarea {font - family: "宋体 "; font - size: 9pt} 
select (font- family; "宋体 "; font- size: 9pt} 
a (font - family:“" 宋 体 "; font- size; 9pt;color; red;text - decoration:none} 
a:hover (color; # cc0000) 
p {font - family: "courier","verdana"，" 宋 体 "; font- size: 9pt ) 
p. foot (font - family:" 宋 体 ";font - size:9pt) 
在 上 述 样 式 表 定 义 中 ,将 二 a 一 定义 为 红色 显示 ,以 表明 该 文本 处 包含 用 户 批 注 。 
(2) 全 局 包含 文件 myglobal. js 内 容 
function isEmpty( value ) 
{ 
Var temp = value; 


while (temp. indexOf( " " , 0) ! - -1) 
temp = temp.replace( " " , "" ); 
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if (temp --"" ) return true; 
else return false; 


2 选择 被 批注 文件 并 显示 


登录 后 ,如 果 是 教师 角色 , 则 在 当前 窗口 打开 一 个 fileload. htm 文档 , 它 是 选择 被 批注 
文件 .进行 批注 的 主 界面 。 界 面 设 计 如 图 5-17 所 示 。 


文本 文档 批注 系统 


图 5-17 设计 中 的 文本 批注 主 界面 


我 们 将 fileload. htm 文档 的 内 容 分 成 两 个 部 分 : 第 一 部 分 是 选择 一 个 要 批注 的 文本 文 
件 , 然 后 显示 ; 第 二 部 分 是 对 文件 进行 批注 。 代 码 清单 如 下 : 


<html> 
<head> 
<title>file process</title> 
<link href = "mypub.css" type = "text/css" rel = "stylesheet"> 
<script language = "javascript" src = "myglobal. js" ></script> 
<script language = "javascript" > 
var fileName, savePath, saveFolder, saveName; 
var file0bj = new ActiveXObject("Scripting. FileSystemObject"); 
var forReading = 1; 
var forWriting = 2; 
var forAppending = 8; 
A 
// 选 择 要 批注 的 文件 ,并 打开 显示 
// 
function readFile() 
{ 
fileName = document.all.homework. value; 
// 根据 打开 的 文件 ,创建 与 打开 文件 同名 的 文件 夹 ,以 及 生成 要 保存 的 同名 的 . htm 文件 名 
var str = fileName; 
var name = fileName.substring( str.lastIndexOf( "WMV" ) + 1); 
saveName = name.substring(0 ,name.lastIndexOf( "." )) + ".htm"; 
saveFolder = saveName. substring(0 , saveName. lastIndexOf( "." ) ); 
if (!fileObj.FolderExists( "c:\\" + saveFolder ) ) 
var folder = fileObj.CreateFolder( "c:\\" + saveFolder ); 
savePath = "c:\\" + saveFolder + "WW" ; 
// 如 果 该 文档 已 经 批注 过 , 则 显示 已 经 批注 的 内 容 
if (fileObj.FileExists(savePath + saveName)) 
{ 
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desFile = fileObj.OpenTextFile(savePath + saveName, forReading); 


fileContents - desFile.readAllO; 
desFile.closeO; 
document. all. t. rows(2).cells(0). innerHTML = fileContents; 
// 显 示 下 面 隐藏 的 表格 ( 带 有 批语 的 文本 框 ) 
document.all.tl.style.visibility = "visible"; 
document. all. annotation. focus() ; 
return; 
) 
// 打 开 并 显示 选择 的 文本 文件 
var textFile = fileObj.OpenTextFile(fileName, forReading); 
if (textFile. AtEndOfStream) 
{ 
document. all. t. rows(2).cells(0). innerHTML = ""; 
alert. "文件 内 容 为 空 ,请 重新 读 取 ”); 
return; 
) 
else ( 
var lineNum - 0; 
var str p". 
// 读 第 一 个 字符 ,如 果 曾 加 过 编号 , 该 字符 一 定 为 "一 " 
var hasNumed = textFile.read(1); 
while ( | textFile. AtEndOfStream ) 
í 
lineNum ++; 
if (hasNumed | = "—") 
str = str + "<b>" + lineNum + "; </b>" ; 
if (lineNum == 1) str + = hasNumed; 
while ( ! textFile. AtEndOfLine ) 
( 
ch = textFile.read(1); 
str + = ch; 
) 
str += "<br>"; 
if( ! textFile. AtEndOfStream ) textFile. skipLineO ; 
) 
document. all. t. rows(2).cells(0). innerHTML = str; 
j 
textFile.closeO; 
// 显 示 下 面 隐藏 的 表格 ( 带 有 批语 的 文本 框 7 
document.all.tl.style.visibility = "visible"; 
document. all. annotation. focus(); 


) 


HH PP P PP ML LL P P gg gMgM HH HH P P PP P PH LH LH P 9 9 44 


// 调用 批注 窗口 ,打开 一 个 网 页 模式 对 话 框 ,新 建 一 个 批注 
// 传人 参数 ,para[0] -- 选择 的 文本 串 


// para[1] -- 批注 的 内 容 ,新 建 批注 时 ,该 参数 值 为 空 
// 返回 参数 ,val[0] -- 批注 窗口 操作 (new, modi, dele, cancel), 
// val[1] -- 批注 内 容 


function contProc() 


{ 
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var str = document. selection. createRange(). text; 
if (isEmpty(str)) 
return false; 
var para = new Array(); 
para[0] = str; // text selected 
para[1] = ""; // 批 注 初始 值 
var sfe = "dialogWidth:;25;dialogHeight:20"; 
var val = window. showModalDialog("desCreator. htm", para, sfe); 
Switch (val[0]) 
{ 
case "new"; 
var description = val[1]; 
if (description ! = null && ! isEmpty(description )) 
updateHtmlFile(str,description ); 
break; 
case "nodi"; 
alert("modi"); 
break; 
case "cancel"; 
break; 
) 
return false; 
) 
HH HH HP P M P PL MU HP P P P 9M MH M M GMT 
// 新 加 批注 后 ,如 果 选 择 保存 , 则 修改 HTML 文件 
// 注意 : 两 次 批注 不 能 选中 完全 相同 的 文本 
function updateHtmlFile(strSelected, description) 
j 
var desFile, fileContents; 
// get the contents of htm file 
if (fileObj.FileExists(savePath + saveName)) 
{ 
desFile = fileObj.OpenTextFile(savePath + saveName, forReading); 
if (desFile. AtEndOfStream) 
fileContents - document.all.t.rows(2).cells(0).innerText; 
else 
fileContents = desFile.readAll(O; 
desFile.closeO; 
) else fileContents = document. all. t. rows(2).cells(0). innerHTML; 
//id of div with description 
var newDivID = "d_" + getDivNum(fileContents, "div"); 
var linkName = "A_" + newDivID. substring(2); 
var strWithDescription = "<a href = # name='" + linkName + "'" 
+ "onmouseover = showDes(1,'" + newDivID + "')" 
+ "onmouseout = showDes(0, '" + newDivID + "') " 
+ "onclick = V"" + "desModify(" + "'" * strSelected + "','" + linkName  ")V"" + ">" 
+ strSelected + "</a>"; 
if (! isEmpty(description)) 
fileContents = fileContents. replace(strSelected, strWithDescription); 
//(G1) 更 新 文件 内 容 
var newFile = file0bj. CreateTextFile(savePath  saveName) ; 
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newFile.write(fileContents); 
//(2) 将 批注 内 容 定义 到 一 个 图 层 中 ,隐藏 显示 
var desStr = "<table bgcolor = #00ccff>" + 
"<tr><td>" + description + "</td></tr>" + 
"</table>"; 
var nystyle = "visibility:hidden;position:absolute;left;" + window. event.clientX 
+ ";top:" + window. event.clientY; 
//alert(mystyle); 
newFile. write("<div id="+newDivID+" style=" + mystyle + ">" + desStr + "</div>"); 
//(3) 将 一 段 脚本 程序 写 到 文件 中 
var scriptStr = "<script language = javascript ^" + 
"function showDes(bz,ob)(" + 
"y= \"visible\"\;" + 
"if(bz--0) v= \"hidden\"\;" + 
"document. all(ob). style. visibility = v;" + 
")" 6€ n eripe"; 
scriptStr + = "<link href = \"mypub. css\" rel = \"stylesheet\" type = \"text/css\">"; 
if ( fileContents. indexOf(scriptStr,0) == -1 ) 
newFile.write(scriptStr); 
newFile.closeO; 
/ /read content to cells again so that link can be displayed 
readFile(); 
) 
HH OIM P P LL P P M HH LL P B MIL P | B Bg gbla 
// 求 下 一 个 图 层 的 编号 
function getDivNum(fileCon, ob) 
{ //create div's id automatically 


var temp = fileCon; 
var obStr "<" + ob; 
var count 20; 
while (temp. indexOf(obStr,0) ! - - 1) 
1 
count++ ; 


temp = temp.substring(temp. indexOf(obStr,0) + 1); 
) 
count**; 
return count; 
) 
HL B M i HH P P P M P Pg M M HH WP P P 901 
// 用 于 显示 图 层 , 该 函数 一 并 被 写 人 到 创建 的 . htm 文件 尾部 
function showDes(bz, ob) 
( 
v= "visible" 
if (bz==0) v= "hidden"; 
document. all(ob).style.visibility- v; 
j 
HH ML wl P gg P P P P LL LH LL 9 B P P LH 94 Tl 
/ / 根据 linkName, 获取 批注 文本 
function getDescription(linkNameStr, desFileCon) 
{ 
var divName = "d " + linkNameStr. substring(2); 
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var divStr = desFileCon. substring( desFileCon. indexOf( "id=" + divName ) ); 


// 注意 二 TD> 标 记 要 大 写 
var description = divStr. substring( divStr. indexOf ( "<< TD>") + 4, divStr. indexOf 


C/D"); 


} 


return description; 


MAA 


// 单 击 批注 处 ,修改 批注 内 容 或 删除 批注 
// 返回 值 val[0] 存 储 对 批注 所 作 的 操作 -- 修 改 (modi) , IH ER (dele) 
function desModify(strSelected, linkName) 


{ 


} 
/ 
4 
/ 


var desFileCon- document. all.t.rows(2).cells(0). innerHTML; 

var description - getDescription(linkName, desFileCon); 

var para = new ArrayO ; 

para[0] = strSelected; //text selected 

para[1] = description; // 批 注 内 容 

var val = window. showModalDialog ("desCreator. htm", para, 
"dialogWidth;25;dialogHeight;20"); 


Switch (val[0]) 
{ 
case "dele"; 
deleteDes(strSelected, linkName); 
break; 
case "modi"; 
var tempFlie; 
tempFile = fileObj.OpenTextFile(savePath  saveName, forWriting); 
// 将 文档 中 的 旧 批注 用 新 的 蔡 换 
newstr = desFileCon. replace(getDescription(linkName, desFileCon), val[1]); 
tempFile.write(newstr); 
tempFile. close(); 
break; 
case "cancel"; 
break; 
) 
readFile(O; 
return false; 


HH B B P M CM GM:MG:H:CMHPI:L HP Pg M P P H PP HH LH LL MH HL LL L P | g P | 9 1B g 9 g 1 
/ 删除 批注 所 建立 的 连接 信息 和 图 层 , 首 先 求 出 对 应 的 字符 串 , 然 后 用 空 蔡 换 
/ 


function deleteDes(strSelected, linkName) 


( 


var linkText = document.all(linkName).innerText; 
var linkStr = docunment.all(linkName).outerHTML; 
//(1)delete link part 
var divID = "d " + linkName. substring(2); 
var str2 = fileO0bj.OpenTextFile(savePath + saveName, forReading).readAll(); 
var linkWithDesStr = "<a href = # name- '" + linkName + "'" 
+ "onmouseover = showDes(1,'" + divID + "')" 
+ "onmouseout = showDes(0, " + divID + "')" 
+ "onclick = \"" + "desModify(" + "'" + strSelected + "', '" + linkName + ")V"" + ">" 
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+ strSelected + "</a>"; 
str2 = str2.replace( linkWithDesStr, linkText ); 
/ /(2)delete div part 
var posl = str2.indexOf("-div id- d ”+ linkName. substring(2),0); 
var pos2 = str2. indexOf(" — /div>", pos1); 
var divStr = str2. substring(posl, pos2 + 6); 
str2 - str2.replace(divStr,""); 
var newFilel = fileObj.OpenTextFile(savePath + saveName, forWriting); 
newFilel.write( str2 ); 
newFilel. close(); 
} 
</script> 
</head> 
<body bgcolor = " # CCCCCC" > 
<table id= t width = "600" border = 1 bordercolorlight = " # 333333" bordercolordark = "it ffffff"> 
<tr height = 30> 
<td align= center style = "font - size: 18; font - weight: bold" 过 文本 文档 批注 系统 一 /td> 
</tr> 
<tr height = 20> 
<td> 
选择 文件 一 input type= "file" name = "homework" onchange = "readFile()" 
title= "提示 : &#13; 选 择 要 批注 的 文本 文件 "二 
</td> 
</tr> 
<tr><td oncontextmenu = "javascript;return contProc();"></td></tr> 
<tr> 
<td> 
<table id= tl width = "587" border = "0" style= "textalign: center; visibility: hidden"> 
«tr 
<td align= center width= "15">#t br— —br— ifi — /td— 
<td width = "558"— 
<textarea name = annotation rows = 7 cols = "90"></textarea> <br> 
<input type= "button" value = "保存 批语 "onclick = "saveAnnotation()"> 
</td> 
x/[tr 
</table> 
</td> 
</tr> 
</table> 
</body> 


上 述 代码 完成 后 ,我 们 验证 一 下 运行 情况 ,第 一 次 对 某 个 文本 文件 进行 批注 时 显示 原始 
文件 ,如 果 已 经 批注 过 ,第 二 次 打开 时 ,将 显示 批注 的 文本 ,界面 如 图 5-18 所 示 。 

几 点 说 明 : 

(D X T —input type 二 "file"… 志 输入 控件 ,其 功能 是 选择 一 个 文件 。 在 本 例 中 ,对 于 选 
择 的 文件 ,我 们 需要 打开 并 显示 。 因 此 ,我 们 设计 通过 onclick 二 "readFile()" 来 激活 
readFile 读 取 文 件 并 显示 ,验证 一 下 ,并 不 能 达到 我 们 的 目的 , 当 单 击 二 input type= "file" -> 
输入 窗口 后 面 的 “浏览 …” 按 钮 后 ,只 是 打开 文件 选择 窗口 ,选择 文件 后 ,文件 并 没有 显示 。 
为 什么 呢 ? 
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t Explorer 
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W) [E] D: ac Mileload. htm 


图 5-18 选择 文件 并 显示 


文件 没有 显示 ,首先 分 析 可 能 是 单 击 鼠 标 时 readFile() 没 有 被 执行 ,因此 ,我 们 再 设置 
一 个 事件 为 onchange 二 "readFile()", 即 : 


<input type = "file" name = "homework" onclick = "readFile()" onchange = "readFile()" title=" "> 


再 次 运行 ,运行 情况 达到 了 预期 的 效果 , 单 击 “ 浏 览 …” 按 钮 ,选择 文件 后 ,马上 显示 。 上 
述 代码 虽然 结果 正确 ,但 还 是 有 问题 的 ,因为 readFile() 不 可 能 执行 两 次 。 因 此 ,这 就 说 明 
通过 onclick 事件 来 激活 readFile() 可 能 是 有 问题 的 ,为 此 ,我 们 将 代码 写成 onclick — "alert 
("hi)"。 再 来 验证 ,结果 发 现 当 我 们 单 击 “ 浏 览 … ”按钮 时 ,首先 打开 了 alert 窗口 ,然后 才 打 
开 文 件 选 择 窗口 。 这 样 问题 就 很 清晰 了 ,如 果 设 置 onclick 二 "readFile()", 则 readFile() 先 
执行 ,而 此 时 还 没有 选择 文件 ,当然 就 不 显示 了 。 

根据 上 述 分析 ,应 使 用 onchange 来 激活 readFile, 正 确 的 写法 是 ， 


<input type = "file" name = "homework" onchange = "readFile()" title- "- "> 


再 次 来 验证 ,一 切 都 正确 了 。 通 过 这 个 例子 ,也 可 以 看 出 对 于 事件 ,必须 要 清楚 其 激活 
顺序 ,否则 代码 的 执行 可 能 达 不 到 预期 的 效果 ,这 也 是 面向 对 象 编程 的 难点 。 

© 在 updateHtmlFile(strSelected, description) "P . H1 8] Y X E fg F fp tp Bie E «RS i 
18 ,将 导致 错误 ,并 且 因 为 JavaScript 脚本 语言 没有 好 的 调试 工具 ,错误 查找 很 难 。 最 容易 
引起 错误 的 是 英文 单 引 号 (') 和 双 引 号 (") 的 应 用 。 

例如 ,在 二 a 二 标记 中 ,对 于 onclick 属性 的 设置 .属性 值 两 边 的 双 引 号 (") 不 能 省 略 ,应 
确保 生成 的 代码 形式 为 : onclick 一 "desModify(''…,' ')"。 否 则 ,如 果 选 择 批注 文本 中 包含 空 
格 时 , 单 击 则 不 起 作用 ,不 包含 空格 时 不 存在 问题 。 

对 于 上 述 情 况 ,我 们 换 用 onclick 二 "alert('hello')" 进 行 试验 ,发 现 没 有 问题 。 但 是 一 旦 
换 成 onclick 一 desModify('',' 0 ,结果 就 不 对 了 ,即使 函数 内 部 只 包含 一 个 alert。 理 论 上 
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讲 , 在 HTML 中 ,属性 值 两 边 可 以 不 写 "" ,错误 的 调试 非常 艰难 。 用 FrontPage 打开 创建 的 
HTML 文件 ,如 果 选 择 的 文本 中 含有 空格 时 ,发 现 生成 的 代码 在 FrontPage 中 的 解析 错误 ， 
遇 到 第 一 个 空格 后 ,就 认为 onclick 属性 设置 结束 。 这 显然 是 不 正确 的 ,如 果 把 属性 值 
desModifyC' '.' 5 两 边 加 上 "", 即 为 : onclick 二 "desModify('',' )", {E FrontPage 中 马上 就 
看 到 了 正确 的 解析 结果 。 这 可 能 是 JavaScript 和 浏览 器 本 身 存在 的 一 个 bug IE. 

O 在 一 个 Table 中 ,如 果 单 元 格 中 包含 多 行文 本 框 (二 textarea 70 , 它 的 属性 cols 的 值 
直接 影响 表格 和 单元 格 的 width 属性 ,如 果 设 置 得 太 大 , 则 体现 为 即使 修改 表格 和 单元 格 的 
width 属性 大 小 ,表格 似乎 也 无 法 缩小 。 实 际 上 这 是 二 textarea >R cols 设置 太 大 造 
成 的 ,是 它 把 表格 撑 大 了 。 

(D oncontextmenu 事件 是 I 新 版 本 中 支持 的 事件 , 当 右 击 鼠 标 时 发 生 该 事件 ,可 以 用 
于 二 body 二 标记 和 许多 其 他 的 标记 ,如 果 要 禁止 在 某 个 元 素 上 布 击 鼠标 ,可 以 赋值 false. ffi 
如 ,一 body oncontextmenu 二 "alert(' 鼠 标 右键 已 禁用 '); self. event. return Value false">, 
则 用 户 在 网 页 上 右 击 鼠标 时 弹出 一 个 警告 窗口 ,而 不 是 原先 的 快捷 菜单 。 

© 网 页 调用 问题 ,除了 传统 的 通过 超 链接 来 打开 一 个 网 页 外 ,上 述 代码 使 用 了 
window. showModalDialog O 函数 ,可 以 打开 一 个 新 的 网 页 ,并 进行 参数 传递 。 在 本 例 中 , 当 
用 户 选择 了 一 段 要 批注 的 文本 后 ,在 选择 文本 上 右 击 鼠标 , 则 调用 contProcO ,打开 批注 处 
理 页 面 文档 desCreator. htm, 在 该 文档 中 输入 新 的 批注 、 更 改 已 有 批注 内 容 或 删除 批注 。 

© 在 某 些 网 页 中 ,不 能 使 用 鼠标 拖 动 的 方法 或 通过 右 击 鼠标 的 菜单 选择 选中 文字 , 通 
常 是 因为 网 页 中 设置 了 一 body 过 的 相关 属性 ,此 时 ,可 以 通过 设置 浏览 器 的 相关 属性 来 解 
决 。 具 体 方法 是 : 选择 “工具 ”菜单 中 的 “Internet 选项 ,在 打开 的 “Internet 选项 ”对 话 框 中 选 
择 “ 安 全 ?选项 卡 , 单 击 “ 自 定义 级 别 ?按钮 ,打开 * 安 全 设置 "对话 框 ; 在 “安全 设置 ?对 话 框 中 ,将 
“活动 脚本 ”和 ”java" 设 置 为 “禁用 ”; 然后 按 F5 键 刷新 网 页 。 此 时 ,网 页 中 的 内 容 就 可 以 复制 
了 。 需 要 说 明 的 是 ,为 了 保证 浏览 器 的 正常 工作 ,复制 完成 后 ,应 恢复 浏览 器 的 默认 设置 。 


3. 批注 批注 修改 、 删 除 批注 功能 设计 


用 户 可 以 选择 一 段 文 本 ,然后 在 选中 的 文本 上 右 击 鼠标 . 即 可 对 选择 的 文本 添加 批注 。 
当 用 户 右 击 鼠 标 时 ,将 打开 一 个 新 的 窗口 文档 desCreator. htm。 这 是 进行 批注 的 添加 、 修 改 
和 删除 的 页 面 。 批 注 处 理 页 面 desCreator. htm 设计 如 图 5-19 所 示 。 


尘 注 释 的 添加 、 俯 改 和 删除 一 网 页 对 话 框 PR 


批注 输入 、 修 改 与 删除 


Pih: drawString 


确定 (F2) RA Esc) 


File://D:\hao\desCreator.hta Y 我 的 电脑 


图 5-19 批注 的 添加 、 修 改 和 删除 页 面 
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单 击 “ 保 存 ” 按 钮 ,返回 ,可 以 看 到 第 七 行 称 为 一 个 超 链接 ,如 图 5-20 所 示 。 


5-20 ”增加 批注 后 的 文档 


当 和 鼠标 移 向 批注 文本 时 ,显示 批注 内 容 , 单 击 批注 文本 , 则 再 次 打开 批注 处 理 页 面 ,可 进 
行 批注 的 修改 或 删除 。 
desCreator. htm 文档 内 容 如 下 : 


<html> 
<head> 
«title ik FER Hs Jm f SICRUB Ej — / title 
<script language = "javascript" src = "nyglobal. js" — — /script— 
<script language = "javascript"> 
Hl IH P P P P HH P P P bM P P gg gl 
// 在 窗口 中 显示 选择 的 文本 和 批注 内 容 , 以 便于 修改 批注 或 删除 批注 
// recValue[0] -- 选择 的 文本 
// recValue[1] -- 已 有 批注 
var recValue = window.dialogArguments; 
function dispInitDes() 
{ 
var strSelected = recValue[0]; 
var description = recValue[1]; 
document. all. t. rows(1).cells(0). innerText = strSelected; 
document. all. destext. value = description; 
) 
HU P P HH P P P P P P HL P P P P M M HH M T MB Gg g 
// 关闭 窗口 时 调用 ,修改 或 删除 批注 , 设置 网 页 对 话 框 返回 值 ,存储 在 retValue 数组 中 
// retValue[0]-- 批注 窗口 操作 (modi, dele, cancel) 
// xetValue[1]-- 新 的 批注 内 容 
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// 具体 的 更 新 文件 在 fileload. htm 中 完成 
function editDes() 
t 
var retValue = new ArrayO; 
description = document. all.destext. value; 
// 新 建 或 修改 批注 
if (description ! = "") 
( 
if (recValue[1] =="" ) 
retValue[0] = "new"; 
else 
retValue[0] = "modi"; 
retValue[1] = document. all.destext. value; 
confirmOption(“" 确 定 要 保存 吗 ?",retValue ); 
) 
else // 批注 区 为 空 
{ 
if (recValue[1] =="" ) 
{ 
alertC "注释 内 容 不 能 为 空 !" ); 
document.all.destext.value = ""; 
document. all. destext. focus() ; 
return; 
) 
else ( 
retValue[0] - "dele"; 
confirmOption(“" 确 定 删除 此 批注 吗 ?", retValue ); 


return; 


} 
} 
function confirmOption(prompt, value) 
( 
var ok = confirm(prompt); 
if( ok ) { 
window. returnValue = value; 
window. close(); 
) 
else ( 
document. all.destext.focus(); 
return; 
) 
) 
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HH P B B B MM M M gg M HH HH PH TH LH HH LH LH P HP P 9 9 UM 


// 取消 批注 的 编辑 ,返回 一 个 cancel 
function cancelWin() 
{ 
var retValue = new ArrayO; 
retValue[0] = "cancel"; 
retValue[1] = recValue[1]; 
confirmOption(“" 直 接 关 闭 将 不 会 保存 填写 的 批注 ,确认 要 关闭 吗 ?", retValue); 
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) 
HI M M I P P P P HH P P P |  / 9g gl 
// 键盘 操作 ,F2-- 确 定 ,Esc-- 取 消 
function doByKey() 
f 
if ( window. event. keyCode==113) //F2 
editDes(); 
if ( window. event. keyCode==27) //Esc 
cancelWin(); 
) 
</script> 
</head> 
<body bgcolor = " # CCCCCC" onload = "dispInitDes()" onkeydown = "doByKey() "> 
<div align = "center"> 
<center> 
<table border = "0" cellpadding = "0" width = "100 %" height = "100 % "> 
«tr 
<td width = "100 % "> 
<table id= t border = 1 width= 300 bordercolorlight = # 333333 bordercolordark = # ffffff 
align = center > 
<tr> 
<td height = 50 align = center style = "font - size; 18; font - weight; bold" >#t 
输入 、 修 改 与 删除 二 /td 二 
</tr> 
<tr> <td> </td> </tr> 
tr 
«td 
请 在 下 面 书写 批注 : <br> 
一 textarea id= destext cols = 50 rows = 67^ — /textarea ^ <br><br> 
<input type = button value = 确定 (F2) onclick = "editDes()"—&nbsp; 
«input type = button value = 取消 (Esc) onclick = "cancelWinO"— 
</td> 
</> 
</table> 
</td> 
过 je 
</table> 
</center> 
</div> 
</body> 


新 建 批注 后 , 当 用 户 将 鼠标 指向 包含 批注 的 文本 时 ,下 方 显示 批注 内 容 , 如 图 5-21 
所 示 。 

文本 文档 批注 系统 允许 用 户 添加 、 修 改 和 删除 批注 ,同时 还 允许 用 户 添加 一 个 总 体 的 评 
价 意见 或 说 明 。 


4 批注 生成 的 HTML 文 档 


新 建 批注 后 ,在 C 盘 根 目录 下 创建 一 个 同名 的 文件 夹 , 包 含 创建 的 同名 . htm 文件 。 在 
原先 文档 的 基础 上 生成 一 个 同名 的 HTML. 文档 ,被 批注 的 文本 被 替换 为 一 个 带 有 超 链接 
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5-21. 显示 批注 后 的 文本 


的 书签 定义 。 批 注 内 容 以 二 div 二 块 的 形式 保存 在 系统 创建 的 HTML 文档 中 。 此 外 ,该 文 
件 还 包含 用 于 显示 图 层 的 showDes() 函数 ,以 方便 该 文件 单独 在 浏览 器 中 打开 。 
批注 完成 后 ,用 浏览 器 打开 生成 的 批注 文件 ,显示 界面 如 图 5-22 所 示 。 


A C:\1\l.hta - Hic 


文件 @) MED SEV KEW IAW WA 0D 


=: O- ii id G Pr rens | 


Hit qo (Æ) c: vr Vi bte 


w Eyes ss 
l:import java.awt.*; 
2:import java.applet.*; 


aue class helloApplet extends Applet 
4 


5: public void paint (Graphics g) 


. drawstring "Hello World!^, 5,35); 


CETATE jxmem ^ | 


图 5-22 创建 的 同名 . htm 文件 


在 浏览 器 中 ,执行 “查看 "菜单 中 的 “ 源 文件 "可 以 查看 批注 生成 的 HTML 代码 ,可 以 更 
好 地 理解 上 述 的 程序 。 通 过 这 些 生成 的 页 面 源 代码 ,可 以 查找 程序 中 遇 到 的 错误 ,特别 是 
string 的 查找 ,替换 操作 ,大 小 写 的 误 写 可 能 直接 导致 程序 的 运行 错误 ,如 将 二 td 二 写 为 
去 TD> 等 ,甚至 标记 中 的 属性 值 的 两 侧 是 否 有 双 引 号 ”" 等 。 


270 


Web 技 术 导论 (第 2 版 ) 


5 .小节 


文本 文档 批注 系统 比较 全 面 地 解释 了 JavaScript 中 关于 文件 的 处 理 问 题 , 用 到 了 
window 对 象 的 一 个 新 方法 window. showModalDialog( 网 页 模式 对 话 框 ), 它 和 第 一 个 E- 
learning 系统 相 比 对 于 参数 的 传递 用 了 不 同 的 方法 ,使 得 在 Web 编程 中 可 以 方便 地 实现 传 
统 程序 设计 中 对 话 框 的 功能 。 

进行 JavaScript 的 调试 是 件 很 复杂 的 事情 ,因为 缺少 有 效 的 调试 工具 ,在 调试 过 程 中 ， 
一 些小 的 错误 可 能 会 花费 很 长 的 调试 时 间 ,特别 要 注意 字符 串 的 操作 ,牵扯 到 单 引 号 、 双 引 
号 等 一 系列 问题 ,还 有 就 是 字符 串 中 字母 的 大 小 写 问题 。 

在 程序 调试 中 ,在 fileload. htm 中 的 getDivNum() 中 容易 出 现 问 题 , 因 为 我 们 是 按照 小 
写 的 二 div 二 来 查找 现 有 的 批注 个 数 ,来 生成 新 的 批注 编号 。 用 记事 本 打开 生成 的 HTML 
文件 ,我 们 发 现 ,添加 的 二 div 二 等 标记 ,有 时 候 是 小 写 ,有 时 候 则 变 成 大 写 ,这 样 函 数 
getDivNum() 计 算 的 批注 编号 将 是 错误 的 。 我 们 不 能 解释 导致 这 种 情况 发 生 的 原因 ,可 能 
是 系统 存在 的 bug。 对 于 这 种 情况 ,要 增加 程序 的 鲁 棒 性 ,可 以 在 生成 的 新 文件 中 的 开始 处 
或 结尾 处 增加 一 个 记录 当前 批注 数量 的 数字 ,这 个 数字 在 新 建 批 注 或 删除 批注 时 需 同时 进 
行 修改 。 


5103 创建 折 亚 式 菜 单 


在 许多 网 页 上 ,都 有 折 琶 式 菜单 ,这 类 菜单 的 创建 可 以 利用 HTML DOM, i it Ali 
JavaScript 程序 编码 实现 。 目 前 常用 的 菜单 有 树 形 目录 结构 的 ,也 有 其 他 形式 的 折 释 式 菜 
单 ,下面 代码 演示 了 一 个 简单 的 折 释 式 菜单 创建 过 程 ,文件 名 为 mymenu. htm. 

折 释 式 菜单 网 页 mymenu. htm 代码 清单 如 下 : 


<html> 
<head> 
<meta http- equiv = "Content - Type" content = "text/html; charset = gb2312"> 
<title> JU SER /title 
<style type = "text/css"— 
A;hover ( color; # FF0000; text - decoration;none] —1-- 指针 移 到 超 链 接 上 的 样式 --> 
A{color: # 0000FF; text - decoration:none} cr 超 链接 的 样式 --> 
.menutitle{cursor:hand;margin - bottom; 5px;background - color:#C48700; 
color: # 000000; width:200px;padding:2px;text - align:left; 
font- size;l3px;border;lpx solid # 880088) 二 1-- 标题 菜单 项 样式 --> 
. Submenu{margin — bottom; 5px;background- color ; # CCE34A; line - height:180 * ; 
color: # 000000; width:200px; padding:2px;text - align:left; 
font- size;13px;border;lpx solid # 000088;display;none) <! -- 子 菜单 项 样式 --> 
</style> 
<script type = "text/javascript" > 
M 
// 创建 菜单 的 函数 
// 
function createMenu() 


( 
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var node = document. getElementById("masterdiv"); // 获 取 div 元 素 
for(i =0;i<menuitems. length; i++) // 对 所 有 的 菜单 项 循环 


( 


) 


idl = menu id[i]; 
textl- menu text[i]; 


cha0 = idl. substring(0.2); // 获 取 章 代码 
chal = parseInt(cha0); 

secl = parseInt(idl.substring(2,4)); // 获 取 节 序 号 
// 一 级 菜单 处 理 


证 (secl==0)  // 节 序号 为 0 时 为 章 标题 菜单 , 即 该 菜单 项 包含 子 菜单 


( 


var cha node = document.createElement("span"); // 建 立 章 标题 元 素 
cha_node. destination = "sub" + cha0; “ // 绑 定 该 章 标题 下 的 节 子 菜单 元 素 的 id 标识 
cha node. onclick = function() 
{ 
SwitchMenu(this. destination); 
hn 
cha node. className = "menutitle"; // 指 定 元 素 的 样式 类 
cha node. innerHTML = text1; // 设 置 章 标题 文本 
node. appendChild(cha_node) ; // 添 加 为 div 元 素 的 子 元 素 
var br node = document. createElement ("<br>"); / / si sr" Ta £1" 6 3E 


node. appendChild(br node); //f& div 下 添加 “换行 " 子 元 素 
) 
// 二 级 菜单 处 理 
else 
( 
if (secl==1) // 二 级 菜单 中 的 第 一 个 菜单 项 


{ 


) 


var sec node = document. createElement("span"); // 建 立 节 标 题 子 菜单 元 素 
sec node. id = "sub" + cha0; // 设 置 节 标题 子 菜单 元 素 的 过 属性 


sec, node. className = "submenu" ; // 指 定 样式 类 
Sec node. innerHTML = "<a href = 'p" + id1 + ".htn' A" + text1 + "</a>"; 
// 设 置 内 部 HTML 文本 


node.appendChild(sec node); ”// 将 元 素 添 加 为 div 元素 的 子 元 素 


else // 二 级 菜单 中 的 其 他 菜单 项 


{ 


) 
) 


var sec node = document.getElementByld("sub" + cha0);  // 得 到 它 所 在 的 子 菜单 
ccc = sec node.innerHTML;  // 内 部 HTML 文本 中 增加 一 个 新 行 
sec node. innerHTML = ccc + "<br><a href = 'p" + idl +". htm'œ>" + textl + "</a>"; 


HH P P P M PL P MM MU HL P 94 
// 此 函数 用 来 打开 和 关闭 节 标题 子 菜 单 


function switchMenu(obj) 


if(document. getElementById) 


{ 


var el = document.getElementById(obj); // 获 取 子 菜单 元 素 ,下 一 行为 获取 span 元 
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素数 组 
var ar = document. getElementById("masterdiv").getElementsByTagName(" span") ; 
if(el.style.display ! = "block") // 当 前 的 节 标 题 子 菜单 处 于 关闭 状态 时 


1 
for (var i=0; i<ar. length; ie) // 关 闭 已 经 打开 的 节 标题 子 菜单 
{ 
if (ar[i]. className==" submenu") 
ar[ i]. style. display = "none"; 
) 
el. style. display = "block"; // 打 开 当前 有 节 标 题 子 菜单 
) 
else 
{ el.style.display = "none"; ) // 打 开 当 前 有 节 标 题 子 菜单 ,已 经 打开 时 将 它 关 闭 
) 
) 
HU B MM HL ML P P P | 9 M HL LM I ML P ML P P lH P LL P PL 4 
// 菜单 项 数据 部 分 ,菜单 代码 约定 如 下 : 每 个 菜单 代码 占 四 位 ,前 两 位 对 应 一 级 菜单 ， 
// 后 两 位 为 二 级 菜单 。 对 于 一 级 菜单 ,菜单 项 代码 后 两 位 为 00 


// 

content = "0100 # 45 1 3€ 客户 端 开发 "; 

content + = "&0101£1.1 浏览 器 技术 "; 

content + = "8&0102#1.2 客户 端 脚本 语言 "; 

content + = "80200 # 58 2 3* 服务 器 端 开发 "; 

content + = "&02012£ 2.1 Web 服务 器 "; 

content + = "&020242.2 服务 端 脚本 程序 "; 

content + = "&0203£2.3 数据 库 技 术 "; 

var menu_id = Array(30); // 数 组 用 来 保存 所 有 菜单 项 的 代码 
var menu_text = Array(30); // 保 存 所 有 菜单 项 的 文本 


var menuitems = content. split("g"); // 将 数据 以 “g” 为 分 隔 符 分 开 ,形成 数组 menuitems 
for(i = 0;i<menuitems. length; i++) 
{ 


var oneitem = menuitems[i].split(" #"); 


menu_id[ i] = oneitem[0]; // 保 存 菜单 项 代码 ,形成 菜单 项 对 应 的 超 链 接 URL 
menu text[i]- oneiten[1]; // 保 存 菜单 项 文本 
} 
</script> 
— base target = "main" > 
</head> 


<body topmargin = "20" leftmargin= "10" onload = "createMenu()"> 
去 p> 利 用 JavaScript 创建 折 番 式 菜单 示例 二 /p 二 

去 !-- 菜单 所 在 的 div 标记 --> 

<div id= "masterdiv" align="left"> 

</div> 

</body> 

</html> 


在 浏览 器 中 打开 上 述 网 页 ,通过 设置 每 一 个 菜单 项 对 应 的 超 链 接 , 可 以 很 好 地 实现 网 页 
之 间 的 控制 。 创 建 的 折 秋 菜单 如 图 5-23 所 示 。 
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Jb MERY — Kicrosoft Internet Explorer 
XO SEO EEV REA IAW 帮助 如 


O=- O [Jig t x ye 6 


E) D: hao Wymenu. hta Ejes cs 


Æ) £ile:///D: /hao/p0101. htm 


图 5-23 折 和 又 式 菜单 示例 


当 用 户 在 一 级 菜单 上 单 击 时 ,将 打开 对 应 的 二 级 菜单 。 二 级 菜单 对 应 具体 的 超 链接 , 当 
用 户 鼠 标 指 向 二 级 菜单 项 目 时 ,在 浏览 器 状态 栏 , 可 以 看 到 对 应 的 超 链 接 。 用 户 可 以 根据 需 
要 ,修改 每 一 个 二 级 菜单 项 目 对 应 的 超 链 接 ,就 可 以 很 好 地 实现 页 面 之 间 的 控制 。 

在 第 4.6 节 , 我 们 也 看 到 了 上 述 折 释 式 菜单 的 创建 方法 。 相 比 而 言 , 这 里 的 方法 更 复 
杂 。 我 们 给 出 上 述 方法 的 原因 有 两 个 : (1) 学 习 HTML DOM 的 操作 方法 ; (2) 在 上 述 代 码 
中 ,我 们 没有 手工 地 将 菜单 值 写 在 二 body 二 二 /body 二 内 ,而 是 通过 脚本 程序 定义 在 了 一 个 
数组 内 ,然后 通过 CreateMenu O 函数 来 生成 html 文档 树 即 在 masterdiv 下 增加 节点 ,这样 
的 思路 可 以 实现 很 多 问题 的 形式 化 ,从 而 实现 自动 化 。 


思 考 题 


1. 如 何 理解 浏览 器 和 客户 端 脚本 引擎 之 间 的 关系 ? 

2. JavaScript 语言 有 哪 几 个 组 成 部 分 ? 简 述 各 个 部 分 的 功能 。 

3. 在 JavaScript 中 ,myArray — new Array(10) 是 什么 意思 ? 如 何 定义 一 个 3X4 的 二 
维 数组 ? 

4. 什么 是 网 页 对 象 ? 简 述 window 对 象 和 document 对 象 常用 的 属性 和 方法 。 

5. miih HTML DOM 的 对 象 层 次 图 。 文 档 对 象 document 有 哪些 常用 的 属性 和 方法 ? 

6. 什么 是 IntelliSense 技术 ? 如 何 知道 一 个 HTML 标记 或 一 个 JavaScript 内 部 对 象 
有 哪些 属性 或 方法 ? 

7. 有 哪些 常用 的 浏览 器 事件 ? 它们 是 如 何 触发 的 ? 

8. 如 何 设置 body 对 象 ,以 禁用 页 面 上 的 右键 来 防止 复制 页 面 内 容 ? 

9. 结合 图 像 地 图 的 实例 和 5. 10. 2 节 的 “文本 文档 批注 ”实例 ,编写 一 个 地 图 系统 ,要 求 
当 鼠 标 指向 某 个 省 或 直辖 市 时 ,在 鼠标 右 下 角 打 开 一 个 多 行 矩 形 区 域 ,滚动 显示 该 热点 的 相 
关 信 息 。 

10. 根据 5. 10. 1 和 5. 10. 2 小 节 的 综合 案例 ,总 结 一 下 两 个 htm 页 面 之 间 传 递 参 数 的 方法 。 

11. 若 在 页 面 z. htm 中 调用 页 面 1. htm 中 的 一 个 函数 ,如 何 调用 ? 
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对 于 Web 应 用 ,大 量 的 数据 管理 工作 和 业务 迎 辑 都 是 通过 服务 端 程序 实现 的 。 服 务 器 
编程 ,与 Web 服务 关系 密切 。 针 对 不 同 的 Web 服务 器 环境 ,所 用 的 开发 工具 也 不 相同 。 目 
前 ,常用 的 Web 服务 端 开发 环境 包括 ASP、JSP 和 PHP, 它 们 分 别 适 用 于 不 同 的 Web 服务 
器 。 例 如 , Windows 平台 中 的 Internet 信息 服务 IIS, 支 持 ASP 开发 。 如 果 要 使 用 JSP 开发 
Web 应 用 , 则 需要 在 Web 服务 器 上 安装 Tomcat 应 用 服务 器 。 

在 Web 应 用 的 开发 中 ,Java 技术 以 其 平台 无 关 性 受到 了 开发 人 员 的 欢迎 ,作为 Java 技 
术 的 一 种 实现 ,结合 Servlet 和 JavaBean, 使 得 JSP 成 为 众多 Web 应 用 首选 的 开发 工具 。 本 
章 将 围绕 Java 技术 ,详细 介绍 Web 应 用 中 服务 器 端的 开发 问题 。 


61 B/S 三 层 体系 结构 与 Web 服务 器 脚本 程序 


服务 端 脚本 程序 是 指 在 Web 服务 器 上 运行 的 程序 。 在 B/S 模式 下 , 当 用 户 下 载 一 个 
网 页 时 ,如 果 网 页 中 包含 服务 端 脚本 程序 , Web 服务 器 将 首先 执行 网 页 中 的 脚本 程序 ,然后 
把 执行 的 结果 网 页 发 送 到 客户 端 浏览 器 显示 。 


611 B/S 三 层 体 系 结构 


在 Internet 环境 ,客户 机 /服务 器 (C/S) 两 层 体系 结构 表现 出 了 许多 局 限 性 , 它 不 能 跨 
越 企 业 局 域 网 ,缺少 可 伸缩 性 ,客户 端 维护 复杂 等 。 为 此 ,出 现 了 基于 Web 的 浏览 器 /服务 
器 (B/S) 三 层 体系 结构 (3-tier) 。 这 种 体系 结构 大 致 可 以 定义 为 : 客户 机 层 上 的 表示 层 、 中 
间 的 Web 服务 器 层 和 后 端的 数据 库 服务 器 层 。B/S E 
三 层 体系 结构 如 图 6-1 所 示 。 (浏览 器) 客户 端 浏览 器 
在 B/S 三 层 体系 结构 模式 下 ,客户 端 不 再 需要 -FE 
安装 特定 的 客户 端 应 用 程序 ,取而代之 的 是 通用 浏 | Web 存 取 层 业务 迎 辑 | web 服务 器 
览 器 软件 ,所 有 的 用 户 业务 逻辑 都 被 部 署 在 新 的 中 | M MU 
间 层 上 。 新 的 中 间 层 往往 是 一 组 公共 网 关 接 口 
(CGI 程序 ,CGI 程序 常常 充当 一 种 中 间 软 件 ,从 
Web 浏览 器 接收 请 求 , 决 定 必须 调用 哪些 计算 资源 ”图 6-1 B/S 三 层 结构 的 分 层 功能 界定 


数据 层 i 
数据 库 系统 /其 他 数据 源 | 数据库 服务 器 
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来 满足 这 些 请 求 , 并 向 浏览 器 发 回响 应 。 传 统 的 CGI 程序 一 般 是 由 C 或 Ct+ 开 发 的 ,这 些 
语言 的 执行 速度 较 快 。 随 着 JavaServlet 的 出 现 ,同样 作为 连接 前 端 Web 请 求 与 后 端 数据 
资源 的 中 间 层 组 件 ,JavaServlet 可 以 以 更 高 的 效率 和 可 移植 性 来 实现 CGI 的 功能 ,并 最 终 
会 取代 传统 的 CGI 程序 。 

由 于 三 层 体系 结构 通常 是 基于 Web 的 ,所 以 中 间 层 应 用 程序 通常 工作 在 Web 服务 器 
上 ,被 视 为 Web 服务 器 的 一 种 功能 扩展 ,因此 中 间 层 又 称 为 Web 服务 器 层 。 在 Web 服务 
器 上 ,通过 大 量 的 包含 CGI/Servlet 的 服务 器 脚本 程序 页 面 , 接 受 来 自 客户 端 浏览 器 的 请 
求 ,以 及 完成 对 数据 库 的 操作 。 


612 脚本 引擎 与 服务 端 脚本 程序 


什么 是 脚本 引擎 呢 ? 简单 地 讲 ,脚本 引擎 就 是 指 脚本 程序 的 运行 环境 ,负责 脚本 程序 的 
解释 ,来 具体 处 理 用 相应 脚本 语言 书写 的 脚本 命令 。 例 如 ,ASP 脚本 语言 必须 运行 在 IIS 
(Internet Information Server) k; Tomcat 是 JSP 和 Servlet 的 容器 ,运行 JSP 网 页 必须 安 
装 和 配置 Tomcat。 没 有 脚本 引擎 ,脚本 程序 就 不 能 运行 。 

在 ASP 结构 中 ,ASP 解释 器 (ASP. DLL) 负 责 ASP 页 内 服务 器 端 脚本 程序 的 解析 任 
务 。 这 需要 安装 相应 脚本 程序 语言 的 脚本 引擎 , 即 脚本 程序 解释 器 ,来 具体 处 理 用 相应 
语言 书写 的 脚本 命令 ,它们 以 COM 组 件 的 形式 供 ASP 解释 器 调用 。Active Server Pages 
带 有 两 个 脚本 引擎: Microsoft Visual Basic Scripting Edition ( VBScript) 和 Microsoft 
JScript. HEP ASP 中 的 默认 语言 是 VBScript。 在 Windows 平台 上 , Internet 信息 服务 器 IIS 
内 仿 Active Server Pages, Z$ IIS 后 ,VBScript 和 JScript 脚本 引擎 会 自动 地 安装 在 服务 
器 上 。 

如 果 要 使 用 其 他 的 脚本 程序 语言 ,例如 JSP, 则 必须 在 Web 服务 器 上 安装 相应 的 脚本 
引擎 , 即 Tomcat 应 用 服务 器 。 脚 本 引擎 将 遵循 ActiveX 脚本 标准 并 作为 一 个 COM CH fF 
对 象 模型 ) 对 象 驻 留 在 Web 服务 器 上 。 

在 Web 服务 器 上 安装 了 服务 端 脚本 引擎 后 ,进行 简单 的 配置 ,然后 就 可 以 在 网 页 中 编写 
服务 端 程序 了 。 和 客户 端 脚 本 程序 书写 在 二 script 达 /script 二 标记 对 内 不 同 ,服务 端 脚 本 程序 
一 般 书 写 在 定 界 符 “ 二 %” 和 “% 记 ”内 。 用 户 可 以 在 网 页 文件 的 开头 ,通过 二 %@ language 947 
指令 来 设置 服务 端 脚 本 程序 语言 ,一般 形式 是 二 %@ language—ScriptingLanguage % 二。 

例如 ,下 面 是 一 个 包含 服务 端 脚本 程序 的 网 页 (test. jsp) ,代码 清单 如 下 : 

< % @ page contentType = "text/html;charset = gb2312" % > 

<html> 

<head> 

<title>Hello, JSP</title> 

</head> 

<body> 

<% out.println(" 你 好 ，JSP!"); % > <br> 
现在 的 时 间 是 : 
<% = new java.util.Date() %> 
</body> 
</html> 
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通过 浏览 器 下 载 该 页 面 时 ,Web 服务 器 将 执行 其 中 的 服务 端 脚本 程序 ,在 客户 端 浏 览 
器 中 显示 执行 后 的 结果 。 


62 Java 程序 设计 


Java 技术 是 Sun Microsystems 于 1995 年 推出 的 一 种 极 富 创造 力 的 计算 平台 。 最 初 称 
为 OAK.1995 年 被 重 命名 为 Java 编程 语言 。Java 技术 为 用 户 带 来 了 无 数 令 人 兴奋 的 可 能 
性 , 它 几 乎 使 所 有 应 用 程序 都 能 在 任何 计算 机 或 设备 上 运行 。Java 技术 的 多 功能 性 、 有 效 
性 ,平台 无 关 性 以 及 安全 性 已 经 使 它 成 为 网 络 计算 领域 最 完美 的 技术 ,给 未 来 的 计算 模式 产 
生 了 革命 性 的 影响 ,是 继 HTML 后 ,Internet 发 展 的 又 一 个 里 程 碑 。 今 天 ,Java 技术 已 经 无 
处 不 在 ,从 桌面 PC 到 科学 超级 计算 机 和 互联 网 ,从 移动 电话 到 移动 手持 设备 ,从 家 庭 游戏 
机 到 信用 卡 , 几 乎 在 所 有 的 网 络 和 设备 上 都 会 看 到 Java 技术 的 身影 。 


624 Java 语言 的 特点 


Java 程序 设计 语言 是 Sun 于 20 世纪 90 年 代 初 开始 研发 的 ,总 设计 师 为 James 
Gosling。 对 于 习惯 了 C++ 的 程序 员 来 说 ,Java 有 许多 独到 的 特点 : 
CD Java 没有 主 函数 和 全 局 函数 
C++ 并 非 完全 意义 上 的 面向 对 象 语言 ,最 明显 的 例子 是 ,在 C++ 中 ,必须 有 一 个 独立 的 
主 函 数 (在 DOS 和 UNIX 下 是 mainO ,在 Windows 下 是 WinMain()) ,还 可 以 定义 可 以 直 
接 使 用 的 大 量 的 全 局 函数 或 者 使 用 C++ 中 的 命名 空间 “extern C” 来 使 用 原 有 的 C 过 程 
调用 。 
Java 是 完全 面向 对 象 的 语言 , 它 没 有 主 函 数 等 完全 孤立 的 东西 ,任何 函数 都 必须 隶属 
于 一 个 类 。 当 然 ,任何 程 序 都 有 一 个 人 口 Java 程序 也 有 主人 口 函 数 ,名 称 同样 是 main()， 
但 它 必 须 包 含 在 一 个 类 中 ,一 般 形式 是 : 
public class AppName( 
public static void main(String args[ ]) 
( 
… // 代码 
) 
) 
(2) Java 没有 全 局 变量 
在 Java 程序 中 ,不 能 在 类 外 面 定义 全 局 变量 ,只 能 通过 在 一 个 类 中 定义 公用 静态 变量 
来 实现 全 局 变量 。 例 如 : 
class GlobalVar { 


public static GlobalVarName; // 全 局 变量 定义 
) 


因为 public static 成 员 是 一 种 类 属 成 员 变量 ,只 要 定义 了 类 ,其 中 的 类 属 成 员 变 量 就 分 
配 空间 ,而 不 需要 声明 类 的 对 象 , 使 得 其 他 类 可 以 访问 和 操作 该 变量 。 
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可 见 ,在 Java 中 ,对 全 局 变量 进行 了 更 好 的 封装 。 而 在 C++ 中 ,不 依赖 于 任何 类 的 不 加 
封装 的 全 局 变量 往往 会 导致 系统 崩溃 。 

(3) Java 没有 结构 和 联合 

在 C++ 中 ,为 了 保持 和 C 的 兼容 ,继续 支持 结构 (struct) 和 联合 Cunion) 。 但 是 ,在 Java 
中 , 则 完全 握 弃 了 这 些 面向 过 程 时 代 的 概念 。 

(4) 字符 串 不 再 是 字符 数组 

在 C 和 C+t+ 中 ,字符 串 操 作 往往 会 导致 许多 内 存 问题 ,如 内 存 非 法 操作 、 内 存 泄漏 等 。 
因为 字符 串 char * s 和 不 定 界 的 字符 数组 char s[] 是 等 价 的 。 但 两 者 只 是 为 变量 s 分 配 一 
个 指向 字符 串 的 指针 ,存储 字符 串 内 容 的 内 存 需要 申请 和 释放 。 

在 Java 中 ,字符 串 和 字符 数组 已 经 被 分 开 了 。 字 符 串 是 一 个 完全 意义 上 的 对 象 ,需要 
用 String 类 来 定义 。 

(5) Java 用 包 (Package) 来 分 解 命名 空间 

在 大 型 的 软件 工程 中 ,怎样 保证 程序 员 之 间 命 名 的 类 不 重 名 呢 ? 如 何 避 免 供 应 商 提供 
的 类 和 程序 员 自 己 命 名 的 类 不 重 名 呢 ? 虽然 有 许多 方法 可 以 避免 重 名 ,但 是 如 果 在 发 现 问 
题 以 前 ,工程 已 经 启动 了 ,要 修改 这 些 重 名 问题 ,就 变 得 非常 麻烦 。 

在 Java 中 ,引入 Package 概念 来 解决 上 述 问 题 。Package 有 效 地 通过 集合 类 来 划分 命 
名 空间 ,在 不 同 包 内 的 类 可 以 同名 ,但 不 会 引起 混乱 。 

Java 并 没有 彻底 解决 命名 冲突 的 问题 ,扩展 基 类 可 能 引起 派生 类 的 冲突 。 例 如 ,用 户 
派生 一 个 类 ,增加 一 个 方法 foo。 如 果 以 后 供应 商 提供 新 的 版 本 ,在 新 类 中 也 包含 了 foo 方 
法 ,冲突 就 出 现 了 。 

(6) Java 没有 独立 的 头 文件 

在 C++ 中 ,每 一 个 . cpp 实现 文件 都 对 应 一 个 . h 头 文件 ,在 头 文件 中 ,往往 包含 了 . epp 
文件 中 用 到 的 类 的 定义 。 在 Java 中 ,关于 类 的 一 切 东 西 (属性 和 方法 ) 都 被 放 到 一 个 单独 的 
文件 中 ,类 中 方法 的 实现 必须 在 定义 的 过 程 中 同时 进行 。 

因为 类 方法 的 实现 代码 必须 在 方法 定义 时 完成 ,但 是 一 个 函数 的 代码 往往 是 几 十 行 或 
者 几 百 行 的 程序 代码 ,这 样 就 使 得 阅读 类 很 难 一 下 子 就 看 到 一 个 类 的 全 貌 。Java 的 设计 者 
已 经 考虑 到 了 这 个 问题 ,为 此 ,在 JDK 中 提供 了 两 个 工具 来 补偿 ,Javap 来 打印 类 标识 ， 
Javadoc 为 源 代码 提供 标准 的 HTML 文档 。 

(7) 数据 类 型 

在 C/C++ 中 ,对 于 不 同 的 平台 ,编译 器 对 简单 数据 类 型 int float 等 分 配 不 同 长 度 的 内 
存 空间 ,例如 int 在 IBM PC 中 为 16bit, 在 VAX-11 中 为 32bit, 这 导致 了 代码 的 不 可 移植 
性 。 但 是 在 Java 中 ,对 于 这 些 基 本 数据 类 型 ,总 是 分 配 固定 长 度 的 空间 ,int 总 是 32bit ,这 
就 可 以 保证 Java 的 平台 无 关 性 。 

在 C/C++ 中 通过 指针 可 以 进行 强制 类 型 转换 ,这 往往 会 带 来 不 安全 性 。 在 Java 中 ,有 
严格 的 类 型 相 容 性 检查 。 另 外 ,在 Java 中 ,没有 模板 类 ,而 C++ 中 的 模板 类 (参数 化 类 , 即 形 
式 参 数 对 应 的 实际 参数 是 数据 类 型 ) 可 以 有 效 地 简化 程序 代码 的 编写 ,但 不 能 减少 可 执行 代 
码 的 长 度 。 这 就 意味 着 ,在 Java 中 ,只 能 靠 相似 代码 的 手工 复制 和 修改 。 

(8) 常量 修饰 符 consc 的 使 用 限制 

在 C++ 中 ,const 常量 修饰 符 有 着 重要 的 应 用 , 它 对 于 提高 代码 质量 起 到 了 积极 的 作用 。 
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例如 ,用 户 可 以 声明 函数 参数 或 者 函数 的 返回 值 为 const 类 型 ,这 样 可 以 有 效 地 防止 在 函数 
内 部 对 函数 参数 的 不 正当 修改 或 者 对 返回 值 的 修改 。 另 外 ,可 以 将 类 的 一 个 成 员 函 数 声 明 
为 const, 表 明 该 方法 不 能 修改 它 操作 的 任何 对 象 。 
在 Java 中 ,支持 常量 操作 符 、 只 读 变 量 ,通过 final 关键 字 实 现 。 但 是 ,Java 没有 提供 一 
种 机 制 ,使 得 一 个 变量 在 参数 传递 或 者 返回 的 过 程 中 只 读 , 或 者 定义 一 个 不 能 修改 操作 对 象 
的 常量 方法 。 上 述 的 省 略 ,为 Java 程序 带 来 了 一 个 可 能 引起 不 正当 修改 错误 的 隐患 。 
另外 ,在 Java 中 , 宏 也 不 再 被 支持 。 


622 Java 程序 设计 语言 


Java 程序 设计 语言 和 C/C++ 等 一 般 的 程序 设计 语言 类 似 ,都 包含 基本 符号 数据 、 数 据 
类 型 .表达 式 流程 控制 .类 与 对 象 等 程序 设计 的 概念 。 此 外 ,Java 程序 设计 语言 还 包含 了 
一 些 自身 的 特点 ,例如 接口 、 包 、 小 程序 等 。 


1. 基本 符号 


任何 一 门 程序 设计 语言 都 有 其 自身 的 字符 集 和 基本 符号 ,它们 按照 语法 构成 语言 的 语 
名 ,由 语句 再 构成 程序 。 

(1) 基本 字符 

Java 语言 的 基本 字符 有 字母 (a、b、…、z,A、B、…、2)、 数 字 (0、1、…、9) 和 特殊 符号 (十 、 
三 

(2) 保留 字 ( 关 键 字 ) 

保留 字 是 由 字母 构成 的 具有 固定 含义 的 单词 ,保留 字 通 常用 于 程序 语句 中 ,例如 ,if 代 
表 条 件 语 句 ,while 代表 循环 语句 等 。 

(3) 标识 符 

在 Java 程序 中 ,标识 符 是 表示 数据 类 型 .类 接口、 变量 方法 (函数 ) 等 名 称 的 符号 。 标 
识 符 是 以 字母 .下划线 或 $ 符 号 开头 的 字母 ,数字 、 下 划 线 组 成 的 字符 序列 。 标 识 符 的 长 度 
任意 ,区 分 大 小 写 , 用 户 自 定义 的 标识 符 不 能 使 用 保留 字 或 标准 标识 符 。 

标识 符 和 保留 字 在 形式 上 非常 类 似 ,但 含义 不 同 ,标识 符 标 识 的 是 一 个 名 称 ,例如 ,int 
就 是 一 个 标识 符 , 表 示 整 数 类 型 。 

(4) 注释 

为 了 增加 程序 的 可 读 性 和 便于 程序 的 维护 ,往往 在 重要 的 位 置 添加 注释 。 注 释 原则 上 
可 以 出 现在 程序 中 的 任何 位 置 .但 是 如 果 使 注释 与 程序 的 结构 配合 起 来 , 则 效果 更 好 。 注 释 
一 般 分 为 序言 性 注释 和 描述 性 注释 两 种 类 型 。 

序言 性 注释 出 现在 模块 的 首部 ,其 内 容 一 般 包 括 有 关 模 块 功能 的 说 明和 界面 描述 ,包括 
调用 语句 格式 、 所 有 参数 的 解释 和 该 模块 需 调 用 的 其 他 模块 名 等 ,还 包括 一 些 重 要 变量 的 使 
用 、 限 制 及 其 他 信息 。 描 述 性 注释 柑 在 程序 之 中 ,描述 性 注释 又 有 功能 性 的 和 状态 性 的 。 功 
能 性 注释 说 明 程序 段 的 功能 ,通常 可 放 在 程序 段 之 前 ; 状态 性 注释 说 明 数 据 的 状态 ,通常 可 
放 在 程序 段 之 后 。 

Java 程序 中 的 注释 有 以 下 三 种 形式 : 


第 6 章 ”服务 端 开发 


(D 以 “//” 开 头 的 单行 注释 。 

QUT omm * /标记 的 块 注释 。 

Q n» onm * /标记 的 文档 注释 , 即 “/*x ”和 “x /” 之 间 的 所 有 内 容 ( 可 能 占 多 
行 ) 都 是 注释 内 容 。 


2 数据 


程序 是 对 数据 的 处 理 ,数据 分 成 常量 和 变量 ,无 论 是 常量 还 是 变量 ,每 个 数据 都 有 一 个 
相应 的 数据 类 型 。 

常量 是 指 在 程序 执行 过 程 中 ,其 值 不 发 生变 化 的 量 。 根 据 类 型 不 同 ,常量 可 分 为 整 型 常 
量 ( 如 123, — 150 、 实 型 ( 浮 点 型 ) 常 量 (如 12. 34) .字符 常量 (如 'x ,布尔 常量 (如 true) 等 。 

对 于 字符 数据 ,还 有 一 些 特殊 字符 ,在 程序 中 具有 特殊 含义 , 见 表 6-1。 


表 6-1 特殊 字符 
字 符 含义 字 符 *& x ToS 含 X 
\n 换行 M 进 纸 \ddd ”八进制 表示 法 
\t 水 平 制 表 符 Ww 表示 “\” \xdd 十 六 进 制 表示 法 
\b Backspace y 单 引号 \udddd 十 六 进 制 表示 unicode 
\r 回 车 M 双 引 号 字符 


所 谓 变量 ,是 指 在 程序 执行 过 程 中 ,其 值 发 生变 化 的 量 。 每 一 个 变量 都 有 一 个 变量 名 ， 
变量 名 是 一 个 用 户 自 定义 标识 符 ,每 个 变量 都 有 一 个 数据 类 型 。 类 型 决定 变量 在 内 存 中 所 
占 空间 的 大 小 ,同时 决定 变量 的 取 值 范围 和 操作 运算 。 

和 C/C++ 不 同 ,在 Java 中 ,没有 全 局 变量 ,所 有 的 变量 都 被 封装 在 类 中 ,成 为 类 的 成 员 
变量 。 但 是 ,可 以 通过 静态 成 员 变量 实现 类 似 的 全 局 变量 功能 。 


3 数据 类 型 


Java 的 数据 类 型 可 分 为 基本 数据 类 型 和 构造 数据 类 型 。 

(1) 基本 数据 类 型 

基本 数据 类 型 包括 整 型 (byte、short、int、long) 、 浮 点 型 (float) 、 双 精度 型 (double) ,布尔 
型 (boolean) 和 字符 型 (char) 。 

(2) 构造 类 型 

在 Java 中 ,没有 C/C++ 中 面向 过 程 的 结构 和 联合 。Java 中 的 构造 类 型 是 用 类 来 描述 
的 ,如 数组 .字符 串 、 对 象 . 类 等 。 

类 型 用 于 说 明 类 中 的 成 员 变 量 或 成 员 函 数 的 返回 值 。 一 般 形式 是 : 


二 类 型 名 二 一 变量 , EE. EE. 


4 表达 式 


表达 式 是 由 常量 变量、 函数 、 运 算 符 以 及 括号 连接 而 成 的 式 子 。 常 用 的 表达 式 运算 符 
见 表 6-2. 
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表 6-2 表达 式 运算 符 
运算 符 功 能 运算 符 功 能 运算 符 功 能 运算 符 功 能 


= 赋值 运算 & 按 位 与 ! 逻辑 非 x 小 于 
加 运算 | 按 位 或 && 逻辑 与 == 小 于 等 于 
= 减 运算 eid 按 位 取 反 M 逻辑 或 -— 等 于 

* 乘 运算 按 位 异 或 t: 条 件 运算 g= 不 等 于 
/ 除 运算 << 按 位 左 移 > XT 十 十 自 加 
5 取 模 运算 >> 按 位 右 移 >= 大 于 等 于 == 自 减 


在 表达 式 中 ,运算 符 的 优先 级 和 一 般 的 程序 设计 语言 相似 。 根 据 表达 式 运算 结果 的 不 
同 , 表 达 式 又 分 为 算术 表达 式 、 字 符 表 达 式 .逻辑 表达 式 等 。 

在 Java 表达 式 中 规定 , 整 型 . 实 型 .字符 型 数据 可 以 混合 运算 。 运 算 过 程 中 ,不 同类 型 
的 数据 会 自动 转换 为 同一 类 型 ,然后 再 运算 。 自 动 转换 按 低级 类 型 转换 成 高 级 类 型 数据 的 
规则 ,转换 规则 为 (其 中 op 是 运算 符 , 如 十 、 一 等 ) : 

(1) (byte 或 shorDop int — int 

(2) (byte EÈ short 或 int)op long 一 long 

(3) (byte 或 short 或 int 或 long)op float — float 

(4) (byte 或 short 或 int 3X long 或 float)op double — double 

(5) char op int 一 int 

如 果 要 把 高 级 类 型 转换 成 低级 类 型 ,要 通过 强制 类 型 转换 完成 ,一 般 形式 是 : 

(类 型 名 ) 表 达 式 

上 述 形式 将 把 表达 式 的 计算 结果 强行 转化 为 前 面 类 型 名 所 指定 的 数据 类 型 。 

5 语句 

所 有 的 程序 设计 语言 ,其 语句 部 分 都 是 类 似 的 ,都 包括 : 赋值 语句 、 输 入 /输出 语句 、 分 
支 语句 和 重复 语句 等 类 型 。 为 了 语法 上 的 需要 ,不 同 的 语句 还 可 以 组 合成 逻辑 上 的 一 个 语 
句 , 即 构成 一 个 语句 块 。 

(1) 赋值 语句 

在 Java 中 ,赋值 语句 由 赋值 表达 式 加 一 个 分 号 构成 ,一 般 形 式 为 : 

二 变量 名 > = 二 表达 式 >，; 

赋值 语句 的 迎 辑 功能 是 将 右边 表达 式 的 值 赋 给 左边 的 变量 。 

(2) 输入 /输出 语句 

在 Java 中 ,变量 的 输入 和 表达 式 的 输出 是 通过 java. lang. System 类 中 的 System. in 和 
System. out 方法 完成 的 , 它 提供 从 键盘 输入 和 从 终端 输出 的 方法 。 具 体 的 使 用 在 后 续 的 相 
应 类 中 介绍 。 

(3) 分 支 语句 

分 支 语句 又 称 选择 语句 ,有 三 种 形式 : 

O if 语句 

一 般 形式 是 : 


281 


if 〈 二 表达 式 二 ) 
二 语句 过; 


证 语句 首先 计算 表达 式 的 值 , 若 结果 为 True, 则 执行 语句 部 分 ,否则 执行 {语句 下 面 的 
语句 。 注 意 , 表 达 式 必须 要 用 圆 括号 括 起 来 。 
© if-else 语句 
一 般 形式 是 : 
证 (二 表达 式 二 ) 
二 语句 1 二 ; 
else 


<HA 2>; 


首先 计算 表达 式 的 值 , 若 为 true, 则 执行 语句 1, 和 否则 ,执行 语句 2。if-else 语句 可 以 按 
照 需要 进行 嵌 套 , 艇 套 会 降低 程序 的 可 读 性 。 
O switch 语句 
switch 语句 提供 了 if-else ifi] 4 JR Cf 25 Fd — A 2: 38 JE SX . RE VLA E A i] Bp att 
择 执行 其 中 的 一 个 。switch 语句 提供 的 功能 和 if-else 语句 类 似 ,但 是 可 以 使 代码 更 加 简练 
易 读 。 一 般 形式 为 : 
switch ( 一 表达 式 二 ) | 
case 常量 1: 
语句 1 
[ break; ] 
case 常量 2: 
语句 2 
[ break; ] 


case 常量 n: 
语句 n 
[ break; ] 
[default: 
默认 处 理 语句 


} 


在 switch 语句 中 ,表达 式 为 数值 或 字符 表达 式 ,首先 要 计算 表达 式 的 值 ,表达 式 的 值 将 
与 结构 中 每 个 case 的 常量 表达 式 的 值 比较 。 如 果 匹 配 , 则 执行 与 该 case 关联 的 语句 。 
break 语句 将 使 流程 退出 switch 语句 块 , 从 而 执行 switch 语句 后 面 的 语句 ,否则 ,将 执行 下 
面 的 case 判断 。 

(4) 循环 控制 语句 

当 部 分 语句 需要 反复 执行 时 ,需要 循环 语句 。 循 环 语句 总 是 由 循环 体 和 循环 终止 条 件 
两 部 分 组 成 ,在 Java 语言 中 ,循环 语句 有 while.do while 和 for 三 种 形式 。 

QD while 语句 

一 般 形 式 : 

while( 一 表达 式 二 ) 

<A>; 
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While 语句 首先 计算 表达 式 的 值 ,如 果 为 真 , 则 执行 循环 体 。 然 后 无 条 件 地 返回 while 
语句 的 开始 ,继续 计算 表达 式 的 值 。 如 果 条 件 表 达 式 结果 为 false, 则 结束 循环 ,执行 下 面 的 
语句 。 

© do-while 语句 

一 般 形 式 为 : 

do { 

语句 (循环 体 ) 

) while( 一 表达 式 二 ); 

直接 执行 循环 体 , 然 后 计算 表达 式 的 值 ,如 为 true, 无 条 件 地 返回 循环 体 的 第 一 条 语句 ， 
继续 执行 循环 体 , 计 算 条 件 表 达 式 的 值 。 如 果 条 件 表 达 式 结果 为 false, 则 结束 循环 ,执行 
do…while 语句 下 面 的 语句 。 

@ for 语句 

一 般 形式 为 : 

for (表达 式 1; 表达 式 2; 表达 式 3) 

dB; 

执行 过 程 如 下 : 

Stepl: 计算 表达 式 1 。 

Step2: 计算 表达 式 2, 如 果 为 真 , 则 执行 循环 体 ,然后 转 Step3; 否则 ,结束 循环 。 

Step3: 计算 表达 式 3。 

Step4: 无 条 件 转 Step2。 

Step5: 循环 结束 ,执行 for 语句 下 面 的 语句 。 

在 三 种 循环 语句 中 ,任何 一 种 语句 都 可 以 写成 另外 两 种 语句 的 形式 。 也 就 是 说 ,只 需 一 
种 形式 的 循环 语句 就 可 以 表达 程序 的 重复 结构 。 具 体 使 用 哪 一 种 ,应 该 根据 三 种 语句 各 自 
的 特点 和 编程 人 员 的 编程 习惯 而 定 。 

另外 ,循环 体 的 内 部 也 可 以 包含 循环 语句 , 即 循环 的 嵌 套 ,构成 多 重 循环 。 

(5) break 语句 

break 语句 用 于 跳出 最 近 的 循环 (语句 块 {…) ,一 般 形式 为 : 


break; 

例如 : 

for (i=0,p= 1;true;i++) ( 
p* = 2; 


if (p>1024) break; 
) 
上 述 代码 用 于 计算 p—2'.24 p KF 1024 时 ,退出 循环 ,计算 结束 。 
(6) continue 语句 
break 语句 用 于 结束 本 次 循环 , 即 跳 过 本 次 循环 中 下 面 尚未 执行 的 语句 ,接着 进入 下 一 
次 是 否 执行 循环 的 判断 ,一 般 形 式 为 : 


continue; 


(7) 语句 块 
在 上 述 的 语句 中 ,许多 语句 的 语法 中 是 一 个 语句 ,例如 while 语句 、for 语句 ,其 循环 体 
是 一 个 语句 。 但 是 ,在 大 多 数 情 况 下 ,循环 体 的 功能 通常 是 需要 多 个 语句 才能 完成 的 ,由 于 
在 C/C++ 和 Java 中 ,分 号 (; ) 是 语句 的 分 隔 符 ,此 时 需要 用 *{” 和 “}” 将 多 个 语句 括 起 来 , 构 
成 迎 辑 上 的 一 个 语句 ,这 就 是 语句 块 。 
例如 ,计算 一 个 整数 的 位 数 ,程序 代码 如 下 : 
width= 0; 
while (num! = 0) 
{ 
width++ 
num = num/10; 
) 
在 上 述 代码 中 ,循环 语句 while 的 循环 体 就 必须 使 用 语句 块 ,里 面包 含 了 两 条 简单 的 程 
序 语句 。 


623 类 与 对 象 


在 20 世纪 90 年 代 以 前 , 自 项 向 下 逐步 求 精 的 结构 化 程序 设计 是 软件 开发 的 主要 方法 ， 
直到 现在 ,这 种 结构 化 的 程序 设计 思想 仍然 被 广泛 地 采用 。Pascal、C、Basic、Fortran 等 高 
级 语言 很 好 地 实现 了 结构 化 编程 的 思想 ,通过 过 程 和 函数 (又 称 子 程序 ) ,把 一 个 复杂 的 问题 
分 解 成 几 个 相对 简单 的 子 问 题 ,如 果子 问题 还 比较 复杂 ,再 继续 划分 ,最 后 将 划分 后 的 每 个 
问题 用 过 程 和 函数 来 实现 。 

20 世纪 90 年 代 以 后 ,面向 对 象 技 术 对 人 们 近 半 个 世纪 以 来 的 软件 开发 思想 产生 深刻 
的 变革 。 这 一 技术 强调 利用 软件 对 象 进行 软件 开发 , 它 将 自然 界 中 的 物理 对 象 和 软件 对 象 
相对 应 ,建立 了 类 和 对 象 的 概念 。 由 于 客观 世界 的 实体 和 软件 结构 的 对 象 一 一 对 应 ,从 而 增 
加 了 软件 系统 的 可 扩展 性 和 可 维护 性 。 面 向 对 象 技术 将 自然 界 中 的 物理 对 象 和 软件 对 象 对 
应 起 来 ,在 传统 的 数据 结构 基础 上 加 入 了 成 员 函 数 (方法 ) 的 概念 ,从 而 赋予 对 象 以 动作 。 


1. 类 与 对 象 的 概念 

类 (class) 是 包含 数据 和 处 理 这 些 数据 的 过 程 的 数据 结构 。 我 们 可 以 将 类 看 成 是 和 int、 
float 等 基本 数据 类 型 一 样 的 数据 类 型 ,用 它 来 创建 数据 对 象 , 它 指定 了 相应 内 存 区 域 的 处 
理 和 解释 规则 。 

对 象 (object) 是 用 类 来 声明 的 数据 结构 ,如 果 将 类 比 作 数据 类 型 ,对 象 就 是 相应 数据 类 
型 的 变量 。 对 象 是 类 的 实例 ,占据 确定 的 内 存 空间 。 

2 类 的 定义 

在 Java 中 ,用 户 可 以 定义 一 个 基 类 ,也 可 以 从 别 的 类 进行 派生 (extends) ,或 者 通过 实 
现 (implements) 一 个 或 多 个 接口 来 定义 一 个 新 的 类 。 类 定义 的 一 般 形 式 是 : 

[修饰 符 ] class — 3€ £ — [extends 一 父 类 名 二 ] [implements 一 接口 名 列表 二 ] 
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成 员 变量 声明 ; 

BL ER DE C; 
} 
其 中 ,修饰 符 决定 类 的 类 型 ,有 四 种 : 
abstract; 抽象 类 ,抽象 类 必须 包含 至 少 一 个 抽象 成 员 函 数 。 抽 象 类 不 能 创建 对 象 ， 
需要 用 其 派生 类 创建 。 例 如 ,可 以 定义 一 个 图 形 类 CFigure, 将 其 定义 为 抽象 类 , 然 
后 从 其 派生 具体 的 图 形 类 ,例如 三 角形 类 CTriangle、 和 矩形 类 CRectangle 等 。 
final; 最 终 类 ,说 明 一 个 类 不 能 再 派生 子 类 。 
public: 能 被 其 他 类 访问 的 公有 类 ,在 其 他 包 (package) 里 要 使 用 该 类 ,需要 先 用 
import 导入 ,否则 只 能 在 它 定义 的 package 里 使 用 。 

。 synchronicable: 表示 所 有 类 的 成 员 函 数 都 是 同步 的 。 

上 述 修饰 符 可 以 同时 出 现 两 个 或 以 上 ,但 修饰 符 abstract 和 final 不 能 同时 使 用 。 

class 为 关键 字 , 表 明 接 下 来 是 类 的 定义 ,类 名 是 一 个 用 户 自 定义 的 标识 符 。 

如 果 是 派生 类 ,需要 通过 extends 给 出 父 类 ,如 果实 现 接口 (interface), 需 要 通过 
implents 给 出 接口 名 ,接口 可 以 是 一 个 或 多 个 。 

花 括 号 内 说 明 类 的 成 员 变 量 和 成 员 函 数 ,又 称 类 的 属性 (attribute) 和 方法 (method) 。 

成 员 变量 定义 的 一 般 形 式 是 : 

[修饰 符 ] 一 类 型 二 二 成 员 变 量 列表 二 ; 

其 中 修饰 符 为 类 成 员 的 访问 级 别 声明 符号 ,可 以 是 private, public; protected。 还 可 以 
添加 的 修饰 符 有 final( 最 终 , 初 始 化 后 不 能 再 改变 其 值 的 变量 ) .volatile( 多 线程 变量 )。 这 
些 访 问 级 别 可 以 按 任何 顺序 出 现 , 也 可 以 多 次 出 现 。 在 两 个 访问 级 别 声明 符号 之 间 的 成 员 
具有 相同 的 访问 控制 级 别 。 

如 果 成 员 变量 包含 修饰 符 static, 此 变量 称 为 类 变量 ,不 加 static 的 变量 称 为 对 象 变量 。 
如 果 变 量 说 明 时 缺 省 修饰 符 , 则 它 可 被 同一 包 中 的 所 有 类 访问 。 

成 员 函 数 又 称 类 的 方法 (method) ,是 类 中 定义 的 可 对 类 进行 操作 的 函数 模块 。 成 员 函 
数 定义 的 一 般 形式 为 : 

[修饰 符 ] 返回 值 类 型 一 方法 名 二 ( [形式 参数 列表 ] ) [throws 异常 列表 ] 


函数 体 (Java 程序 代码 ) 

其 中 修饰 符 可 以 是 private, public, protected 和 final( 最 终 , 不 能 由 子 类 改变 的 方法 )、 
abstract( 抽 象 方法 ,无 方法 体 )、synchronized( 线 程 同 步 的 方法 ) .native( 本 机 方法 )。 修 饰 符 
可 以 有 一 个 或 多 个 。 另 外 ,还 可 以 有 static 来 声明 静态 成 员 函 数 . 表 明 此 方法 为 类 方法 ,无 
static 修饰 的 方法 为 对 象 方法 。 

“形式 参数 列表 ”给 出 函数 的 形式 参数 及 类 型 , 形 参 之 间 用 逗号 分 隔 。 当 方法 没有 形 参 
时 圆 括号 内 为 空 。 


3. 构造 函数 
在 面向 对 象 技术 中 ,对 象 是 类 的 实例 ,每 个 对 象 必须 按照 类 的 定义 来 创建 ,这 种 机 制 是 
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通过 类 的 构造 函数 来 实现 的 。 构 造 函 数 (constructor) 是 一 种 特殊 的 成 员 函 数 ,用 来 在 内 存 
中 建立 具体 的 对 象 。 构 造 函 数 必须 申请 必要 的 内 存 空间 ,将 内 存 转 化 为 具体 的 对 象 , 初 始 化 
成 员 变 量 等 。 构 造 函 数 的 名 称 和 类 名 称 相同 ,一 个 类 可 以 拥有 几 个 带 有 不 同 参 数 的 构造 函 
数 。 构 造 函 数 没有 返回 类 型 和 返回 值 。 

和 一 般 的 函数 不 同 ,构造 函数 不 是 由 用 户 显 式 调用 (cal) 的 , 它 是 通过 编译 器 来 调用 的 ， 
称 为 激活 (invoke) 。 当 通过 new 创建 一 个 类 的 对 象 时 ,相应 的 构造 函数 则 被 激活 ,来 完成 内 
存 对 象 的 初始 化 操作 等 。 

在 使 用 构造 函数 时 ,需要 注意 以 下 若干 情况 : 

(1) 构造 函数 不 能 描述 为 const 和 volatile, 

(2) 构造 函数 不 能 是 static, 因 为 构造 函数 需要 初始 化 类 的 成 员 变量 ,但 静态 构造 函数 
不 能 访问 成 员 变 量 。 

G) 构造 函数 不 能 被 继承 。 当 一 个 没有 构造 函数 的 类 从 一 个 含有 构造 函数 的 类 派生 
时 ,将 写 它 自己 的 构造 函数 。 

(4) 构造 函数 不 能 有 返回 值 ,也 不 可 以 是 void. 

(5) 定义 一 个 类 时 ,必须 明确 定义 除 缺 省 构造 函数 和 复制 构造 函数 以 外 的 所 有 其 他 构 
造 函 数 。 缺 省 构造 函数 是 不 含有 参数 的 构造 函数 ,可 以 省 略 不 写 。 


4 创建 对 象 


当 定义 类 后 ,可 以 使 用 new 来 创建 对 象 , 一 般 形式 是 : 

对 象 变量 = new 类 (参数 ); 

如 果 类 的 构造 函数 带 有 参数 ,可 以 通过 new 中 类 名 后 面 的 参数 来 激活 相应 的 构造 
函数 。 

5. Java 程序 与 main( 方 法 


所 有 的 程序 都 应 该 有 一 个 主 程序 , 它 是 程序 开始 执行 的 入 口 。 在 Java 程序 中 ,通常 定 
义 多 个 类 ,但 只 能 有 一 个 publie 类 。 在 这 些 类 中 必须 有 一 个 类 包含 main() 方 法 ,如 果 包 含 
main 方法 的 类 是 公有 类 (用 public 修饰 的 类 ) ,那么 文件 名 必须 是 这 个 类 的 类 名 ,如 果 main 
方法 所 在 的 类 没有 用 public 修饰 ,那么 文件 名 可 以 任意 命名 ,不 一 定 要 和 任何 类 名 一 样 。 

【 例 6-1] 类 的 定义 举例 。 

在 下 面 的 例子 中 ,定义 了 一 个 三 角形 图 形 类 CTriangle, 包 含 三 个 私有 成 员 变 量 ,存储 三 
角形 的 三 条 边 ,一 个 构造 函数 ,一 个 计算 三 角形 面积 的 成 员 函 数 和 一 个 输出 成 员 函 数 , 文 档 
名 为 exa01. java, 代 码 清单 如 下 : 

class CTriangle 

{ 

private double a, b,c, t; 
public double s= 0; 
CTriangle(double x, double y, double z) 
{ 
a=x; b=y; c=z; 


} 
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// 计 算 三 角形 的 面积 
public double Area() 


t-(atb*c)/2; 
s= Math. sqrt(t* (t-a) * (t- b) * (七 一 c)) 7 
return S; 


j 


public void outl() 


{ 


AreaO; 


System. out. println("Area =" + s); 


j 


class MYTest01 


( 


public static void main(String[] args) 
CTriangle myobj = new CTriangle(10,20,15); 
myobj. out1O ; 


) 


在 DOS 提示 符 下 ,执行 javac exa01. java 命令 ,编译 ,生成 每 个 类 的 . class 文件, 即 
CTriangle. class 和 MyTest01. class。 执 行 java MyTest01, 运 行 上 述 程序 ,输出 结果 如 图 6-2 
所 示 。 


yjava?javac exaBi.java 


:wnyjava?dir 


E:\nyjava 的 目录 


18:82 
18:82 


949 CIriangle.class 


494 exaBl .java 
[2008-06-88 E 365 MyTestði.class 
TER 1.808 F 

目 


字 
个 380.518.775.888 可 用 字 节 


E:\nyjava>java lyTestai 
Area=72 6184377413897 


:Nnyjava?,, 


图 6-2 Java 程序 的 编译 和 运行 


【 例 6-2】 类 的 构造 函数 激活 次 序 举 例 。 
在 下 面 的 例子 中 ,定义 了 三 个 类 A、B、C, 其 中 C 中 包含 两 个 对 象 成 员 ,来 展示 对 象 构造 
函数 的 激活 次 序 , 文 档 名 为 exa02. java, 内 容 如 下 : 


class A { 
int x,y; 
ACint a, int b) 


( 
( 


x-a; y-b; 
) 
AO // 默认 构造 函数 
{ 
x=0; y=0; 
System. out. println("A constructor\n"); 
) 
) 
class B { 
BO 
t 
System. out. println("B constructorMn") ; 
) 
) 
class C ( 
public A a= new AO; 
public B b= new BO; 
cO 
( 
System. out. println("C constructorin") ; 
) 
} 


class MyTest02 
{ 
public static void main(String[ ] args) 
{ 
C myObj = new CO; 
) 
) 


执行 java MyTest02 ,输出 结果 为 : 


A constructor 
B constructor 
C constructor 


上 述 输出 结果 表明 ,如 果 一 个 类 含有 成 员 对 象 , 则 在 创建 类 的 对 象 时 ,将 先 创建 类 的 成 
员 对 象 , 最 后 才 是 类 的 对 象 本 身 。 


6. 封装 和 抽象 


在 面向 对 象 技术 中 ,一 个 主要 的 目标 就 是 对 象 的 封装 和 抽象 。 封 装 (Encapsulation) 是 
指 对 象 可 以 拥有 私有 元 素 , 将 内 部 细节 隐藏 起 来 的 能 力 。 封 装 将 对 象 封闭 起 来 ,管理 着 对 象 
的 内 部 状态 。 而 抽象 则 和 对 象 的 外 部 状态 紧密 相关 , 它 通 常用 来 描述 对 象 所 表示 的 具体 概 
念 、 对 象 所 完成 的 任务 以 及 处 理 对 象 的 外 部 接口 。 抽 象 处 理 的 是 对 象 的 可 见 外 部 特征 。 

在 C 中 ,通过 关键 词 static 可 以 实现 有 限 的 封装 。 当 一 个 变量 在 一 个 函数 内 部 被 说 明 
成 static 形式 时 ,该 变量 就 只 在 函数 中 存在 ,并 且 只 在 函数 内 部 有 效 。 另 外 ,一 个 全 程 变量 
被 说 明成 static 形式 时 ,该 变量 只 在 其 所 在 的 文件 有 效 , 这 样 可 以 避免 不 同 的 文件 中 全 局 变 
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量 的 重 名 。 

在 C++ 和 Java 等 面向 对 象 的 程序 设计 语言 中 ,类 的 每 一 个 成 员 都 被 说 明成 public, 
private 和 protected 型 ,用 这 些 关键 词 来 实现 数据 的 抽象 和 封装 。 

(1) 关键 词 public 

类 中 所 有 public 成 员 构成 类 的 接口 ,它们 是 类 的 抽象 性 的 表现 。 出 于 简单 .经济 和 安全 的 
愿望 ,类 的 公开 元 素 越 少 越 好 。 但 是 ,类 又 必须 和 外 部 打交道 ,public 成 员 是 不 可 缺少 的 。 

(2) 关键 词 private 

类 中 的 private 成 员 只 能 被 类 的 成 员 函 数 、 友 元 类 或 外 部 友 元 函数 访问 。 从 而 实现 类 的 
封装 性 。 在 默认 状态 下 ,所 有 的 成 员 都 是 私有 的 。 

(3) 关键 词 protected 

在 面向 对 象 技 术 中 ,派生 是 类 的 重要 性 质 。 类 的 private 成 员 将 不 能 被 派生 类 中 的 成 员 
访问 ,这 就 大 大 限制 了 类 的 灵活 性 。 类 的 protected 成 员 可 以 被 类 的 派生 类 成 员 访问 。 

类 成 员 访问 规则 如 图 6-3 所 示 。 

可 以 访问 的 有 : 


“类 成 员 函 数 
， 友 元 类 成 员 函 数 
- 友 元 函数 


ER 
。 所 有 可 访问 private 的 函数 
protected - 派生 类 成 员 函 数 


"所 有 函数 


图 6-3 类 成 员 访问 规则 


7. 静态 成 员 


支持 封装 和 抽象 的 另外 机 制 还 包括 关键 词 static。 当 一 个 成 员 被 说 明成 static 时 , 则 该 
成 员 在 程序 中 只 有 一 个 复制 存在 ,而 不 是 在 每 个 对 象 中 都 有 一 个 复制 。 所 有 的 对 象 共享 类 
中 的 静态 成 员 。 在 一 些 面向 对 象 的 程序 设计 语言 中 ,静态 成 员 被 称 为 类 变量 ,或 类 属 变量 。 
例如 ,定义 一 个 含有 静态 成 员 变量 的 类 如 下 : 


class CS { 
static int a; 
int b,c,d; 
h 
CS objs[3]; 
b " 在 类 CS 中 ,包含 四 个 成 员 变 量 , 其 中 成 员 变量 a 为 静态 成 
esto c 员 变 量 。 数 组 objs 包含 三 个 CS 类 对 象 ,由 于 CS 类 包含 一 个 静 
b 态 成 员 变 量 a, 因 此 三 个 CS 对 象 共享 一 个 静态 成 员 变 量 a, 每 个 
| oq 对 象 都 包含 自己 的 普通 成 员 变量 bee d WME 6-4 所 示 。 
objs[2] b 还 可 以 把 一 个 成 员 函 数 说 明成 static, 这 意味 着 在 没有 任何 
d 该 类 对 象 的 情况 下 ERA LIT. IE A AE ed s I A PR 


图 6-4 类 CS 的 成 员 GEER m EARR AE EDU FRE. SR R E E A 
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静态 成 员 函 数 为 类 存储 和 管理 属于 整个 类 而 不 是 个 别 对 象 的 信息 提供 了 一 种 方法 。 
8. 类 的 继承 性 与 派生 类 


从 现存 的 对 象 出 发 建立 一 种 新 的 对 象 类 型 ,使 它 继承 原 对 象 的 特点 和 功能 ,这 就 是 对 象 
的 继承 性 。 继 承 是 许多 层次 对 象 的 自然 描述 。 从 现存 类 派生 出 新 类 时 ,现存 类 称 为 基 类 
(base class) ,派生 出 的 新 类 称 为 派生 类 。 派 生 类 可 以 对 基 类 作 如 下 变化 : 

* 增加 新 的 成 员 变量 。 

。 增加 新 的 成 员 函 数 。 

。 重新 定义 已 有 的 成 员 函 数 , 即 , 子 类 可 以 对 父 类 的 方法 覆盖 Coverriding) 1 E $ 

(overloading) 。 所 谓 覆 盖 , 是 指 在 子 类 中 定义 了 与 父 类 中 同名 的 函数 ,这 时 将 根据 
当前 的 对 象 类 型 执行 子 类 中 的 代码 , 即 父 类 中 的 代码 被 覆盖 。 所 谓 方法 重 载 是 子 类 
与 父 类 的 方法 同名 ,但 是 形式 参数 不 同时 ,将 重新 实现 该 方法 。 

。 改 变现 有 成 员 函 数 的 属性 。 

派生 类 不 能 删除 基 类 的 成 员 变量 和 成 员 函 数 ,实际 上 派生 类 往往 是 基 类 的 扩充 ,是 一 种 
具体 化 和 完善 的 过 程 。 

类 的 派生 创建 了 一 个 类 族 , 派 生 类 的 对 象 也 是 基 类 的 一 个 对 象 , 它 可 用 在 基 类 对 象 可 被 
使 用 的 任何 地 方 。 可 用 多 态 成 员 函 数 来 调整 这 种 关系 ,以 使 得 派生 类 在 某 些 地 方 和 它 的 基 
类 一 致 ,而 在 另外 一 些 方面 表现 出 其 自身 的 行为 特征 。 

类 的 派生 是 一 种 演化 过 程 , 即 通过 扩展 、 更 改 和 特殊 化 从 一 个 已 知 类 出 发 来 建立 一 个 新 
的 类 。 类 的 派生 建立 了 一 个 具有 共同 关键 特性 的 类 族 ,从 而 实现 代码 的 重用 。 假 设 从 一 个 
已 知 基 类 A 建立 一 个 派生 类 B, 一 般 形式 为 : 

class B extends A 

{ 


// 派生 类 B 的 成 员 说 明 
n 


读 作 “ 类 B 由 人 A 派生 ”, 它 告诉 编译 器 类 B 是 一 种 A, 对 基 


类 A 所 作 的 修改 和 添加 在 括号 内 给 出 。 在 派生 类 对 象 中 ,编译 基 类 成 员 
器 在 内 存 中 总 是 先 放 入 基 类 的 成 员 .后面 是 派生 类 独 有 的 成 员 派生 类 
如 图 6-5 所 示 。 特有 成 员 


对 于 一 个 派生 类 ,对 于 其 父 类 中 的 成 员 , 有 特定 的 成 员 的 访 ”图 6-5 派生 类 对 象 内 存 结构 
问 规则 , 见 表 6-3 。 


表 6-3 基 类 和 派生 类 中 成 员 的 访问 特性 


Æ% class A (^) ”派生 类 class B extends A (…) | 基 类 class A (++) ”派生 类 class B extends A {+} 
private 成 员 不 可 访问 public 成 员 公有 
protected 成 员 保护 不 可 访问 成 员 不 可 访问 


所 谓 不 可 访问 成 员 , 是 一 个 派生 类 中 的 概念 。 一 个 根 类 (不 是 从 其 他 类 派生 出 来 的 类 ) 
中 不 存在 不 可 访问 的 成 员 。 但 是 在 派生 类 中 ,不 可 访问 是 存在 的 ,如 根 类 中 的 private 成 员 ， 
就 构成 派生 类 的 不 可 访问 成 员 。 如 果 再 从 派生 类 派生 新 的 类 , 则 派生 类 的 不 可 访问 成 员 和 
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私有 成 员 就 构成 了 它 的 派生 类 的 不 可 访问 成 员 , 依 此 类 推 。 
[516-3] 对 象 成 员 的 访问 举例 。 
下 述 例子 演示 了 类 及 其 派生 类 中 成 员 的 访问 规则 ,文档 名 为 exa03. java, 代 码 如 下 : 


class B ( 
private int x,y; 
protected int z; 
BO // 构造 函数 1, 默认 构造 函数 
{ 
x=0; y=0; z-0; 
System. out. println("A constructor\n"); 
} 
B(int a, int b) // 构造 函数 2 
{ 
x=a; y=b; 
z-x*y; 
) 
) 
class D extends B( 
DCint x, int y) // 构造 函数 
{ 
System. out. println("D constructor\n"); 
} 
public void out() 
{ 
System. out. println("D public out Access class Biz =" +z); // 访问 父 类 的 protected 成 员 
) 
) 
class MyTest03 
{ 
public static void main(String[ ] args) 
{ 
D myd= new D(10,20); // 创建 派生 类 对 象 
nyd. outO ; // 外 部 访问 
) 
H 


执行 java MyTest03 ,运行 结果 为 : 


A constructor 
D constructor 
D public out Access class B:z=0 


从 上 面 的 例子 可 以 看 出 ,创建 一 个 派生 类 的 对 象 ,首先 执行 父 类 的 构造 函数 1, 然后 再 
执行 本 身 的 构造 函数 。 在 派生 类 中 ,可 以 访问 父 类 的 protected 成 员 。 

问题 : 在 一 个 派生 类 中 ,如 何 执 行 父 类 的 带 有 参数 的 构造 函数 呢 ? 在 C++ 中 ,可 以 在 派 
生 类 的 构造 函数 首部 写 出 要 调用 的 父 类 的 构造 函数 .例如 : 


class Derive: :public Base { 


public , 
Derive(int m= 0, int n= 0) ;Base(m) { 


) 
) 
上 述 代码 表示 ,在 创建 派生 类 Derive 对 象 时 ,调用 的 父 类 的 构造 函数 是 Base Cm) ,而 不 
是 默认 构造 函数 。 


9. 多 态 性 和 抽象 类 


在 传统 的 程序 设计 语言 中 ,函数 是 不 能 重 名 的 。 但 是 ,在 C++/Java 等 面向 对 象 的 程序 
设计 语言 中 ,在 一 个 类 中 ,可 以 定义 多 个 函数 名 相同 ,但 参数 不 同 的 函数 ; 或 者 ,在 一 个 派生 
类 中 ,可 以 定义 一 个 和 父 类 的 某 个 函数 重 名 的 函数 。 这 样 , 当 相同 的 操作 作用 于 不 同类 的 对 
象 时 ,就 可 能 得 到 不 同 的 结果 ,这 就 是 类 的 多 态 性 (Polymorphism) 。 

在 C++/Java 中 ,成员 函 数 的 多 态 性 有 方法 的 重 载 (Overloading) 和 重 写 (Overriding ) 两 
种 形式 。 重 载 Overloading 是 一 个 类 中 多 态 性 的 一 种 表现 ,如 果 在 一 个 类 中 定义 了 多 个 同 
名 的 方法 , 它们 或 有 不 同 的 参数 个 数 或 有 不 同 的 参数 类 型 , 则 称 为 方法 的 重 载 
(Overloading), 3& *j Overriding 是 父 类 与 子 类 之 间 多 态 性 的 一 种 表现 ,如 果 在 子 类 中 定义 
某 方法 与 其 父 类 具有 相同 的 名 称 和 参数 ,我 们 说 该 方法 被 重 写 (Overriding)。 子 类 的 对 象 
使 用 这 个 方法 时 ,将 调用 子 类 中 的 定义 ,对 它 而 言 , 父 类 中 的 定义 如 同 被 “屏蔽 "了 。 

根据 成 员 函 数 的 重 载 和 重 写 特 性 ,多 态 就 分 为 编译 时 多 态 和 运行 时 多 态 两 种 情况 。 所 
谓 编 译 时 多 态 主要 包括 操作 符 重 载 和 函数 (方法 ) 重 载 。 在 程序 编译 时 ,系统 根据 传递 的 参 
数 的 个 数 和 参数 类 型 等 信息 决定 要 连接 的 函数 。 运 行 时 多 态 是 指 直 到 系统 运行 时 才 根 据 操 
作对 象 的 类 来 决定 执行 何 种 操作 , 即 执行 父 类 还 是 派生 类 中 的 方法 。 

运行 时 多 态 极 大 地 增强 了 类 的 抽象 能 力 ,在 C++ 中 ,运行 时 多 态 是 通过 在 父 类 中 使 用 虚 
函数 (Virtual) 来 实现 的 。 在 Java 里 没有 虚 函 数 的 概念 ,有 抽象 函数 ,但 抽象 函数 并 不 是 
C++ 虚 函数 在 Java 里 的 等 价 物 ,两 者 是 有 区 别 的 。 

下 面 是 C++ 和 Java 关于 多 态 性 和 抽象 类 概念 的 对 比 。 


C++ Java 
虚 函 数 s 普通 函数 
纯 虚 函数 ——— 抽象 函数 
抽象 类 -一 -一 抽象 类 
虚 基 类  — 接口 


在 Java 中 ,抽象 函数 必须 定义 在 抽象 类 里 面 ,而 且 没 有 方法 体 。 例 如 : 


public abstract TestAbstract { 
public abstract void say(); // 抽象 函数 ,没有 函数 体 
} 
所 谓 抽象 类 ,就 是 用 abstract 修饰 符 说 明 的 类 。 当 一 个 类 包含 一 个 abstract 成 员 函 数 
时 ,必须 将 这 个 类 定义 为 abstract 类 。 然 而 ,并 不 是 抽象 类 的 所 有 成 员 函 数 都 是 abstract 
的 ,抽象 类 不 能 有 私有 成 员 函 数 和 静态 成 员 孔 数 。 
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【 例 6-4】 编译 时 多 态 性 举例 。 
定义 一 个 类 ,包含 两 个 成 员 函 数 Area, 分 别 用 于 计算 矩形 和 圆 的 面积 ,文档 名 为 exa04. 
java, 代 码 如 下 : 


class CFigure 
{ 
public double s= 0; 
public double Area(double a, double b) 
{ 
s-a*b; 
returns; — // 计 算 和 矩形 的 面积 
) 
public double Area(double r) 
1 
S73.14*r*r; 
return s; // 计 算 圆 的 面积 
) 
) 
class MyTest04 
{ 
public static void main(String[] args) 
{ 
CFigure myobj = new CFigure(); 
System. out. println("Rectangle area = " + myobj. Area(10, 20)); 
System. out. println("Circle area = " + myobj. Area(10)); 
) 
) 


在 DOS 提示 符 下 ,执行 javac exa04. java 命令 ,编译 ,生成 每 个 类 的 . class 文件 ; 然后 执 
行 java MyTest04 运行 上 述 程序 ,输出 结果 如 下 : 


Rectangle Rrea =200.0 
Circle Area =314.0 


在 上 述 代码 中 ,CFigure 类 包含 两 个 同名 的 成 员 函 数 Area, 但 参数 不 同 。 编 译 器 在 编译 
时 ,会 根据 Area 中 的 实际 参数 ,确定 需要 调用 哪 一 个 Area 函数 , 即 实现 编译 时 多 态 。 

【 例 6-5] 运行 时 多 态 性 举例 。 

下 面 例子 演示 了 Java 中 类 的 运行 时 多 态 ,文档 名 为 CMyFigure. java, 内 容 如 下 : 


public abstract class CMyFigure // 定义 抽象 类 
{ 
//public abstract void Draw(); 
public abstract void Area(); // 声明 一 个 抽象 函数 ,无 函数 体 
} 
class CRectangle extends CMyFigure // 定义 一 个 派生 类 CRectangle 
float height, width; 
float s; 
CRectangle(int x, int y) 
{ 


height = x; 
width = y; 
; 
public void Area() // Overriding 父 类 中 的 抽象 函数 
1 
s= height * width; 
System. out. println("The Area of the Rectangle = " + s); 
} 
} 


class CCircle extends CMyFigure // 定义 一 个 派生 类 CCircle 
float r,s; 
CCircle(float x) 
i 
r-x, 
} 
public void Area() // Overriding 父 类 中 的 抽象 函数 
1 
s-(float)3.l4*r*r; 
System. out. println("The Area of the Circle- " + s); 
) 
) 


class MyTest05 
{ 
public static void main(String[ ] args) 
1 
CMyFigure[ ] objs = new CMyFigure[2]; // 创建 一 个 定 长 数组 
objs[0] = new CRectangle(10, 20) ; 
objs[1] = new CCircle(10); 
for (int i=0; i<2; i++) 
objs[i].AreaO; 


) 


在 上 述 代码 中 ,首先 创建 了 一 个 CFigure 类 型 的 数组 ,但 在 程序 运行 时 实际 存储 的 是 派 
生 类 CRectangle 和 CCircle 对 象 。 在 接 下 来 的 for 循环 中 , 则 根据 具体 的 对 象 类 ,分 别 执行 
f CRectangle 和 CCircle 中 的 Area 中 的 成 员 函 数 , 而 不 是 CFigure 的 Area 函数 ,这 是 一 种 
运行 时 多 态 。 上 述 代码 展示 了 运行 时 多 态 的 强大 功能 ,使 得 程序 代码 更 加 精致 。 

在 DOS 提示 符 下 ,执行 javac CMyFigure. java 命令 ,编译 ,生成 每 个 类 的 . class 文件 ; 
然后 执行 java MyTest05 运行 上 述 程 序 , 输 出 结果 如 下 : 

The Area of the Rectangle = 200.0 

The Area of the Circle = 314.0 

特别 注意 ,运行 时 输入 java MyTest05 , 即 包含 main 的 类 ,而 不 是 java CMyfigure. WW) 
将 产生 运行 错误 : Exception in thread "main" java. lang. NoSuchMethodError: main, 

最 后 ,需要 说 明 的 是 ,在 调试 Java 程序 时 ,经 常 是 编译 通过 了 ,但 运行 时 出 现下 列 错误 


294 


Web 技 术 导 论 (第 2 版 ) 


提示 : Exception in thread "main" java. lang. NoSuchMethodError: main。 产 生 上 述 错误 
的 原因 比较 复杂 ,可 以 从 以 下 几 个 方面 进行 排查 : 

COD 每 个 Java 文件 有 且 只 能 有 一 个 公有 类 , 即 public 类 ,文件 名 必须 和 这 个 公有 类 的 
类 名 大 小 写 完 全 一 样 。 在 要 运行 的 类 中 有 且 只 能 有 一 个 public static void main(String[ ] 
args) 方 法 ,这 个 方法 就 是 主 程序 。 运 行 一 个 Java 程序 ,应 该 是 在 java 命令 后 跟 包 含 main 
函数 的 类 名 ,而 不 是 Java 程序 的 文件 名 , 即 java 二 包含 main 方法 的 java 类 二 ,类 名 后 面 不 
能 有 . class 等 扩展 名 。 

(2) 如 果 在 编译 或 运行 时 出 现 问题 ,还 可 能 是 类 的 路 径 问 题 。 我 们 来 看 一 下 Java 程序 
的 运行 过 程 ,首先 通过 javac 命令 ,将 java 程序 编译 生成 . class 文件 , 即 虚拟 机 要 执行 的 代 
码 , 称 之 为 字 节 码 (bytecode)。 然 后 ,通过 Java 命令 , 即 通过 Java 虚拟 机 来 解释 运行 class 
文件 。 虚 拟 机 通过 classloader 来 装载 这 些 字 节 码 , 即 通常 意义 上 的 类 。 问 题 是 ,classloader 
从 哪里 知道 Java 本 身 的 类 库 及 用 户 自己 的 类 在 什么 地 方 呢 ? 要 解决 这 个 问题 ,通常 是 通过 
系统 环境 变量 中 的 类 路 径 (classpath) 来 设置 的 。 

因此 , 当 出 现 编译 或 运行 错误 时 ,还 应 该 检查 类 路 径 设 置 是 否 正确 ,具体 方法 是 : 在 
DOS 提示 符 下 输入 set classpath, 即 可 显示 当前 的 路 径 设 置 ,应 该 包含 一 个 当前 路 径 项 目 ， 
即 “.”, 其 次 就 是 Java 的 安装 路 径 。 


624 接口 


在 一 个 复杂 的 面向 对 象 的 系统 中 ,实现 一 个 有 更 多 方法 的 新 类 是 经 常 遇 到 的 。 当 一 个 
类 需要 从 多 个 基 类 派生 时 ,派生 类 将 继承 多 个 基 类 的 特征 ,在 C++ 中 ,这 样 的 机 制 称 为 多 重 
继承 。 在 面向 对 象 的 程序 设计 中 ,继承 关系 一 直 存 在 很 多 的 争议 ,特别 是 多 重 继承 。 

Java 没有 多 重 继承 ,可 以 通过 接口 来 实现 相应 的 功能 。 在 Java 中 ,所 谓 接口 
(JInterface) 是 一 组 没有 给 出 实现 细节 的 操作 (方法 ) 的 集合 。 它 需要 别 的 类 来 实现 接口 给 出 
的 每 一 个 方法 ,一 个 类 可 以 实现 一 个 或 多 个 接口 。 如 果 一 个 类 实现 了 某 个 接口 ,就 相当 于 声 
明 我 能 够 完成 某 项 工作 。 在 许多 情况 下 .接口 继承 (implements 关系 ) 比 实现 继承 (extends 
关系 ) 更 有 优势 。 


1. 创建 接口 


在 Java 中 ,可 以 定义 一 个 接口 ,也 可 以 从 一 个 接口 或 多 个 接口 来 扩展 一 个 接口 ,这 和 类 
的 定义 类 似 。 接 口 定 义 的 一 般 形式 是 : 
public interface < Interfacename > [extends < Superinterface 列表 二 ] 
( 
成 员 变 量 声明 (常量 ); 
成 员 函 数 (方法 ) 声 明 ; 
) 


在 接口 定义 中 ,public 指示 了 接口 可 以 在 任何 的 包 中 任何 的 类 中 使 用 。 如 果 你 没有 指 


定 接口 为 public, 那 么 接口 就 只 能 在 定义 接口 的 包 中 的 类 中 使 用 。 一 个 接口 可 以 扩展 另外 
的 接口 ,这 跟 类 可 以 扩展 一 样 。 但 是 ,类 只 能 扩展 一 个 另外 的 类 ,而 接口 可 以 扩展 任意 个 接 


口 。Superinterface 列表 列 出 所 有 的 被 扩展 的 接口 ,以 逗号 分 隔 。 

接口 可 以 包含 常量 声明 以 及 方法 声明 。 所 有 定义 在 接口 中 的 常量 可 以 是 public, static 
和 final。 定 义 在 接口 中 的 成 员 变量 不 能 使 用 transient, volatile 或 者 synchronized 修饰 符 。 
同样 也 不 能 在 声明 接口 的 成 员 的 时 候 使 用 private 和 protected 修饰 符 。 

接口 中 的 方法 声明 后 紧 跟着 一 个 分 号 ,因为 接口 中 的 方法 不 需要 给 出 具体 的 实现 代码 。 
因此 ,所 有 定义 在 接口 中 的 方法 可 以 隐 含 地 为 public abstact 方法 。 


2 接口 和 类 


接口 的 定义 和 类 的 定义 类 似 , 但 是 接口 不 是 一 个 类 ,而 是 对 符合 接口 要 求 的 类 的 一 套 规 
范 。 接 口 说 明了 实现 接口 的 类 该 做 什么 而 不 指定 如 何 去 做 ,一 个 类 可 以 实现 一 个 或 多 个 
接口 。 

实现 一 个 接口 需要 两 个 步骤 : 

CD 声明 类 需要 实现 的 接口 ,声明 一 个 类 实现 一 个 接口 需要 使 用 implements 关键 字 。 

(2) 提供 接口 中 的 所 有 方法 的 定义 。 为 了 使 用 接口 ,需要 编写 执行 接口 的 类 。 一 个 类 
实现 了 某 个 接口 , 即 这 个 类 实现 了 在 接口 中 声明 的 所 有 方法 ,就 相当 于 声明 我 能 够 完成 某 项 
工作 。 

实现 接口 的 类 继承 了 定义 在 接口 中 的 常量 ,这 些 类 可 以 使 用 简单 的 名 字 来 引用 接口 定 
义 中 的 常量 。 

3. 接口 与 抽象 类 


根据 接口 的 定义 ,可 以 看 到 接口 和 抽象 类 相似 ,都 是 只 给 出 方法 ,没有 给 出 方法 具体 的 
实现 细节 。 那 么 两 者 是 一 种 怎么 样 的 关系 呢 ? 我 们 可 以 把 接口 理解 为 各 个 功能 模块 之 间 进 


行 联系 的 协议 ,为 了 保证 整个 系统 中 各 个 功能 模块 的 联系 ,系统 就 需要 定义 一 系列 的 接口 ， 
这 些 接口 由 系统 中 的 功能 模块 来 实现 。 接 口 就 如 同 功能 模块 之 间 通 信和 的 一 种 规范 ,一 个 功 
能 模块 可 以 实现 多 个 接口 。 


例如 ,在 计算 机 网 络 中 ,可 以 定义 三 个 网 络 接口 .分 别 是 RJ45 接口 ( 双 绞 线 )、AUI 接口 
( 粗 同 轴 电缆 ) 和 BNC 接口 ( 细 同 轴 电 缆 )。 我 们 可 以 定义 网 卡 和 网 络 设备 ( 如 Hub, 
Switch, Router) 类 ,来 实现 上 述 的 一 个 或 多 个 接口 ,这 样 计算 机 、Hub Switch 和 Router 就 
可 以 连接 到 网 络 了 。 上 述 问题 ,用 抽象 类 是 不 合适 的 。 

【 例 6-6】 一 个 有 关 抽 象 类 和 接口 的 应 用 实例 。 

通过 下 面 的 例子 ,演示 抽象 类 接口 .接口 的 实现 的 定义 和 应 用 ,文档 名 为 HelloWorld. 
java. VI EAT: 


public class HelloWorld 
{ 
public static void main(String[] args) 
{ 
Dog animall = new Dog(); 
Cat animal2 = new CatO; 
Duck animal3 = new DuckO; 
System. out. println("A dog says " + animall.getHello() 
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+ ", when scared says; " + animall.getHello(Animal. SCARED) 

* ", is carnivorous: " * animall.isCarnivorous() 

+ ",isamammal: " + animall.isAMammalO); 
System. out. println("A cat says ”+ animal2.getHello() 

+ ", when comforted says; " + animal2.getHello(Animal. COMFORTED) 
+ ", is carnivorous; " + animal2.isCarnivorous() 

+ ", isa mammal; " + animal2.isAMammal()); 
System. out. println("A duck says ”+ animal3.getHello() 

+ ", when scared says; ”+ animal3.getHello(Animal. SCARED) 
+ animal3.isCarnivorous() 


* ", is carnivorous; 
+ ", isa mammal; " + animal3.isAMammal()); 


} 
// (1) 定 义 抽象 类 Animal 
abstract class Rnimal 
{ 
public static final int SCARED = 1 
public static final int COMFORTED = 2; 
public boolean isAMammal() // 哺 乳 动物 
{ 
return(true); 
) 
public boolean isCarnivorous() // 食 肉 类 的 
{ 
return(true); 
) 
abstract public String getHelloO; 
abstract public String getHello(int mood); 
) 
// (2) 定 义 接口 LandAnimal 
interface LandAnimal 
{ 
public int getNumberOfLegs(); 
public boolean hasATail(); 
} 
// (3) 定 义 接口 WaterAnimal 
interface WaterAnimal 
{ 
public boolean hasGillsO; 
public boolean laysEggs(); 
} 
// (4) 定 义 派生 类 Dog, 实 现 接口 
class Dog extends Animal implements LandAnimal 
( 
// 重 载 父 类 的 方法 
public String getHello() 
( 
return("Bark"); 
} 
public String getHello( int mood) 
{ 


Switch (mood) { 
case SCARED: 
return("Growl"); 
case COMFORTED: 
return(""); 
) 
return("Bark"); 
) 
// LandAnimal 接口 的 实现 
public int getNumberOfLegs() 
{ 
return(4); 
) 
public boolean hasATail() 
{ 
return(true); 


) 


) 
// 55) 定义 派生 类 Cat, 实现 接口 
class Cat extends Animal implements LandAnimal 
{ 
// 重 载 父 类 的 方法 
public String getHello() 
{ 
return("Meow"); 
) 
public String getHello(int mood) 
{ 
switch (mood) { 
case SCARED: 
return("Hiss"); 
case COMFORTED: 
return("Purr"); 
} 
return( "Meow" ); 
} 
// Landhnimal 接口 实现 
public int getNumberOfLegs() 
{ 
return(4); 
} 
public boolean hasATail() 
{ 
return(true); 
} 


j 
// (6) 定 义 派 生 类 Duck, 实现 接口 
class Duck extends Animal implements LandAnimal, WaterAnimal 
( 

// 重 载 父 类 的 方法 

public String getHello() 

( 

return("Quack"); 
) 
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public String getHello(int mood) 
t 
Switch (mood) ( 
case SCARED; 
return("Quack, Quack, Quack"); 
case COMFORTED; 
return(""); 
) 
return("Quack"); 
) 
public boolean isAMammal() 
{ 
return(false); 
) 
public boolean isCarnivorous() 
i 
return(false); 
) 
// WaterAnimal 接口 实现 
public boolean hasGills() 
( 
return(false); 
) 
public boolean laysEggs() 
£ 
return(true); 
) 
// LandAnimal 接口 实现 
public int getNumberOfLegs() 
{ 
return(2); 
) 
public boolean hasATail() 
{ 
return(false); 
} 
} 


执行 javac HelloWorld. java 编译 ,生成 相应 的 . class 文件 。 然 后 执行 java HelloWorld 
运行 该 程序 ,输出 结果 如 下 : 
A dog says Bark, when scared says: Growl, is carnivorous: true, isa mammal: true 


A cat says Meow, when comforted says: Purr, is carnivorous: true, is a mammal: true 
A duck says Quack, when scared says: Quack, Quack, Quack, is carnivorous: false, is a mammal: false 
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在 Java 中 ,为 了 管理 大 型 名 字 空 间 ,避免 名 字 冲 突 , 引 入 包 (Package) 的 概念 , 包 由 一 组 
类 和 接口 构成 。 一 般 情 况 下 ,每 一 个 类 或 接口 都 被 存储 在 不 同 的 文件 中 ,为 了 管理 和 使 用 方 
便 , 对 于 那些 相关 的 类 和 接口 可 以 绑 定 到 一 个 包 中 。 例 如 ,Java 的 基本 类 在 java. lang 中 ， 
而 用 于 输入 和 输出 的 类 则 在 java. io 中 。 
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Java 中 的 包 其 实 指 的 就 是 目录 , 它 可 以 更 好 地 管理 Java 类 (Class) 和 接口 (Interface)。 
使 用 包 就 定义 了 一 个 类 和 接口 的 名 字 空 间 ,一 个 包 中 的 类 和 接口 的 名 字 与 其 他 包 中 的 名 字 
不 会 冲突 。 同 时 ,还 可 以 约束 包 内 的 类 和 外 部 的 类 的 访问 权限 。 


1. 定义 包 


使 用 package 语句 可 以 将 一 个 编译 单元 ( 源 程序 文件 ) 定 义 成 包 。 如 果 使 用 package 语 
名 ,编译 单元 的 第 一 行 必须 无 空格 ,也 无 注释 ,格式 如 下 : 


package <8 8>; 


若 编译 单元 无 package 语句 , 则 该 单元 被 置 于 一 个 默认 的 无 名 的 包 中 。 
按照 一 般 的 习惯 , 包 名 是 由 “. ?号 分 隔 的 单词 构成 ,第 一 个 单词 通常 是 开发 这 个 包 的 组 
织 的 名 称 。 
例如 ,有 一 个 Java 文件 ,文件 名 为 B.java, 内 容 如 下 : 
package hao. yy; 
public class B { 
B(int yy, int mm, int dd) 
1 


System.out.println("Year;" + yy * "Month;" * mm + "Date" + dd); 
) 
i 


执行 javac -d d; MB. java 命令 ,其 中 参数 -d — Hog HIKE CIE Hoe. PII. E 
述 编译 命令 执行 后 将 在 d:\ 目 录 下 创建 一 个 di NhaoVyy 文件 夹 ,该 文件 夹 中 包含 了 编译 后 
的 类 文件 B. class。 

现在 这 个 包 已 经 创建 好 了 ,要 使 用 这 个 包 中 的 类 B, 需 要 导入 ,或 者 把 d:\hao\yy 设置 
在 环境 变量 classpath 里 。 


2 使 用 包 中 的 类 和 接口 


要 使 用 定义 在 一 个 包 中 的 类 和 接口 ,可 以 通过 import 关键 词 ,主要 有 两 种 形式 : 
(1) 使 用 import 语句 ,导入 类 或 接口 ,或 包含 它们 的 包 。 导 入 的 类 和 接口 的 名 字 在 当 
前 的 名 字 空 间 可 用 。 导 入 一 个 包 时 , 则 该 包 中 的 所 有 的 公有 类 和 接口 均 可 用 ,形式 如 下 : 


import java.util. * ; 


其 中 ,第 一 个 语句 表示 java. util 中 所 有 的 public 类 被 导入 当前 包 ,“* ”表示 导入 包 中 
的 所 有 类 。 如 果 仅 仅 使 用 util 包 中 的 Date 类 ,可 以 写作 import java. util. Date; 
例如 : 


import java.util.Date; 

import java. text. SimpleDateFormat; 

public class mydate { 

public static void main(String|] args) { 

// Create a date formatter that can parse dates of the form MM — dd — yyyy. 
SimpleDateFormat bartDateFormat = new SimpleDateFormat("MM- dd- yyyy ); 
// Create a string containing a text date to be parsed. 
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String dd = "6 - 22- 2008"; 

Date date = bartDateFormat.parse(dd); 

// Send the parsed date as a long value to the system output. 

System. out. println(date. getTime()); 

) 

) 

(2) 在 每 个 引用 的 类 和 接口 前 面 给 出 它们 所 在 的 包 的 名 字 , 一 般 形式 是 : 

包 名 .类 名 obj = new 包 名 .去 类 名 | 接口 名 之 (); 

例如 ,要 使 用 上 面 定义 的 包 hao. yy 中 包含 的 类 ,语句 为 : 

hao. YY MyTT = new hao. yy. B(2003, 11,24); 

在 使 用 一 个 外 部 类 或 接口 时 ,要 声明 该 类 或 接口 所 在 的 包 , 和 否则 会 产生 编译 错误 。 此 
外 ,要 确保 这 些 类 和 包 的 路 径 正确 , 即 需要 包含 在 classpath 环境 变量 中 ,否则 编译 器 在 编译 
时 将 找 不 到 所 需要 的 类 。 
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对 于 所 有 的 程序 设计 语言 ,都 可 以 分 成 两 个 部 分 : 第 一 个 部 分 就 是 语言 本 身 , 包 括 语言 
的 字符 集 、 数 据 、 类 型 .程序 语句 、 函 数 等 语法 部 分 ; 第 二 部 分 则 是 开发 程序 用 的 标准 库 , 里 
面包 含 了 大 量 的 标准 函数 或 标准 类 ,是 软件 开发 的 API(Application Program Interface) , 它 
可 以 帮助 开发 者 方便 \ 快 捷 地 开发 相应 语言 的 程序 。 

在 Java 编程 中 ,Java 语言 提供 了 大 量 的 已 经 实现 的 标准 类 ,这 些 类 的 集合 构成 Java 的 
类 库 。 这 些 类 根据 实现 的 功能 不 同 ,划分 为 不 同 的 集合 ,每 个 集合 组 成 一 个 包 , 称 为 类 库 。 
Java 类 库 中 大 部 分 都 是 由 Sun 公司 提供 的 ,这 些 类 库 称 为 Java 基础 类 库 。 了 解 类 库 的 结构 
可 以 帮助 开发 者 节省 大 量 的 编程 时 间 ,而且 能 够 使 编写 的 程序 更 简单 更 实用 。Java 中 丰富 
的 类 库 资源 也 是 Java 语言 的 一 大 特色 ,是 Java 程序 设计 的 基础 。 


1.javalang 包 


java. lang 包 又 称 Java 语言 包 , 主 要 含有 与 语言 相关 的 类 。 定 义 了 Java 中 的 大 部 分 基 
本 类 ,包含 Java 语言 类 ,线程 .异常 .系统 、Object 类 以 及 各 种 数据 类 型 等 相关 的 类 。java. 
lang 包 是 Java 程序 中 默认 加 载 的 一 个 包 , 由 解释 程序 自动 加 载 ,不 需要 显 式 说 明 。 

掌握 类 是 掌握 Java 程序 设计 语言 的 基础 。 但 是 ,Java 的 类 库 日 益 庞 大 ,所 包含 的 类 和 
接口 众多 ,用 户 是 无 法 全 部 掌握 的 。 下 面 将 简要 介绍 Java 类 库 中 的 核心 部 分 , 即 那 些 最 重 
要 最 常用 的 类 和 接口 ,包括 Object, Class, ClassLoader, System, Runtime, Process, String, 
Collection 等 。 

(1) 基本 类 

* java. lang. Object 

Object 类 是 Java 整个 类 层次 结构 的 根 结 点 ,每 个 类 都 使 用 Object 作为 超 类 。 所 有 对 
象 (包括 数组 ) 都 实现 这 个 类 的 方法 。 在 不 明确 给 出 超 类 的 情况 下 ,Java 会 自动 把 Object fF 
为 要 定义 类 的 超 类 。 可 以 使 用 类 型 为 Object 的 变量 指向 任意 类 型 的 对 象 。 
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Object 类 的 变量 只 能 用 作 各 种 值 的 通用 持 有 者 ,要 对 它们 进行 任何 专门 的 操作 ,都 需 
要 知道 它们 的 原始 类 型 并 进行 类 型 转换 。 

例如 : 

Object obj = new MyObject(); 

MyObject x = (MyObject)obj; 

Object 类 有 许多 方法 ,关于 这 些 方法 的 使 用 请 读者 参考 其 他 专门 讲解 Java 编程 的 书 
籍 ,或 者 参考 JDK 大 全 类 的 技术 手册 。 

* java. lang. Class 

Java 程序 在 运行 时 ,Java 运行 时 系统 一 直 对 所 有 的 对 象 进行 所 谓 的 运行 时 类 型 标识 ， 
这 项 信息 记录 了 每 个 对 象 所 属 的 类 。 虚 拟 机 通常 使 用 运行 时 类 型 信息 来 选择 正确 方法 去 执 
行 , 即 实现 面向 对 象 中 的 运行 时 多 态 , 用 来 保存 这 些 类 型 信息 的 类 ,这 就 是 Class X., Class 
类 封装 一 个 对 象 和 接口 运行 时 的 状态 ,该 类 的 实例 对 象 表 达 Java 应 用 中 正在 运行 的 类 或 者 
接口 。 

Class 类 没有 公共 构造 方法 ,不 能 由 Java 虚拟 机 自动 实例 化 ,因此 不 能 显 式 地 声明 一 个 
Class 对 象 。 当 装载 类 时 ,Java 虚拟 机 以 及 通过 调用 类 加 载 器 ClassLoader 中 的 defineClass 
方法 将 自动 创建 Class 类 型 。 虚 拟 机 为 每 种 类 型 管理 一 个 独一无二 的 Class 对 象 , 也 就 是 
说 ,每 个 类 (型 ) 都 有 一 个 Class 对 象 。 运 行程 序 时 ,Java 虚拟 机 (JVM) 首先 检查 所 要 加 载 的 
类 对 应 的 Class 对 象 是 否 已 经 加 载 。 如 果 没 有 加 载 ,JVM 就 会 根据 类 名 查找 . class 文件 ,并 
将 其 Class 对 象 载 人 。 

注意 ,基本 的 Java XW (boolean, byte, char, short int, long, float 和 double) 和 关键 字 
void 也 都 对 应 一 个 Class 对 象 。 每 个 数组 属于 被 映射 为 Class 对 象 的 一 个 类 ,所 有 具有 相同 
元 素 类 型 和 维 数 的 数组 都 共享 该 Class 对 象 。 一 般 某 个 类 的 Class 对 象 被 载 人 内 存 , 它 就 用 
来 创建 这 个 类 的 所 有 对 象 。 

用 户 不 能 显 式 地 声明 一 个 Class 对 象 .但 可 以 通过 调用 Object 类 的 getClass() 方 法 来 
得 到 Class 对 象 ,这 是 最 常见 的 产生 Class 对 象 的 方法 。 例 如 : 


MyObject x; 
Class cl = x.getClass(); 


使 用 Class 类 中 的 静态 forName() 方 法 获得 与 字符 串 对 应 的 Class 对 象 。 例 如 : 

Class c2 = Class. forNane( "MyObject") ; 

获取 Class 类 型 对 象 的 第 三 个 方法 非常 简单 。 如 果 工 是 一 个 Java 类 型 ,那么 T. class 
就 代表 了 匹配 的 类 对 象 。 例 如 : 


Class cll = Manager.class; 
Class cl2 = int.class; 
Class cl3 = Double[].class; 


* java. lang. ClassLoader 
该 类 是 Java 类 加 载 器 ,负责 根据 指定 的 二 进 制 名 称 加 载 相 应 的 类 。 不 同 的 类 加 载 器 根 
据 类 的 二 进 制 名 从 不 同 的 源 中 读 取 二 进 制 的 类 * * . class" fii ,并 生成 Class 对 象 。 每 个 类 
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中 都 有 对 其 加 载 器 的 引用 。 

* java. lang. Syatem 

System 类 是 一 个 抽象 类 ,所 有 的 字段 和 方法 都 是 静态 的 。 其 中 包含 一 些 有 用 的 类 字段 
和 方法 , 它 不 能 被 实例 化 。 在 System 类 提供 的 设施 中 ,有 三 个 静态 的 变量 in、out、err, 分 别 
对 应 标准 输入 ,标准 输出 和 错误 输出 流 ; 有 对 外 部 定义 的 属性 和 环境 变量 的 访问 的 方法 .加 
载 文件 和 库 的 方法 ,还 有 快速 复制 数组 的 一 部 分 的 实用 方法 。 

因此 ,System. in System. out, System. err 实际 上 表示 三 个 对 象 , 这 也 就 是 为 什么 可 以 
用 System. out. println("Hello World!") 的 原因 。 

* java. lang. Runtime 

Runtime 类 封装 了 运行 时 的 环境 。 每 个 Java 应 用 程序 都 有 一 个 Runtime 类 实例 ,使 应 
用 程序 能 够 与 其 运行 的 环境 相连 接 。 一 般 不 能 实例 化 一 个 Runtime 对 象 , 应 用 程序 也 不 能 
创建 自己 的 Runtime 类 实例 ,但 可 以 通过 Runtime. getRuntime() 方 法 获取 当前 Runtime 运 
行 时 对 象 的 引用 。 一 旦 得 到 了 一 个 当前 的 Runtime 对 象 的 引用 ,就 可 以 调用 Runtime 对 象 
的 方法 去 控制 Java 虚拟 机 的 状态 和 行为 。 

在 Java 语言 中 ,有 8 种 基本 数据 类 型 ,分 别 是 boolean byte, char \int\short long, float 
和 double。 对 应 上 述 Java 基本 数据 类 型 ,在 java. lang 包 中 ,定义 了 一 组 将 原始 数据 类 型 对 
象 化 的 类 , 分 别 是 java. lang. Boolean, java. lang. Byte, java. lang. Character, java. lang. 
Interger java. lang. Short, java. lang. Float ,java. lang. Long.java. lang. Double 等 。 另 外 ,还 
定义 了 一 个 数字 类 的 父 类 java. lang. Number, 

所 谓 原始 数据 类 型 对 象 化 就 是 用 类 对 原始 的 数据 类 型 进行 封装 ,封装 后 的 类 提供 了 一 
组 对 象 的 操作 方法 。 例 如 : 

Integer 类 把 int 基本 数据 类 型 包装 起 来 了 .提供 了 一 些 方法 如 parselnt OE, 

Integer id = new Integer(x); 

Integer getid() 

return new Integer( id. intValue() * 1); 

} 

如 果 将 id 说 明 为 基本 数据 类 型 int, 则 类 似 的 功能 可 以 写 为 id++ 。 

{E java. lang 包 中 ,还 定义 了 Math 类 和 字符 串 类 String。 其 中 ,Math 类 提供 了 常用 的 
数学 运算 方法 以 及 Math. PI 和 Math. E 两 个 数学 常量 。 该 类 是 final 的 ,不 能 被 继承 ,类 中 
的 方法 和 属性 全 部 是 静态 的 ,不 允许 在 类 的 外 部 创建 Math 类 的 对 象 。 因 此 ,只 能 使 用 
Math 类 的 方法 而 不 能 对 其 作 任 何 更 改 。 

【 例 6-7】 Math 类 应 用 举例 。 

下 列 例子 演示 了 Math 类 的 主要 属性 和 方法 ,代码 清单 exa6-7. java 如 下 : 

class exa6 { 

public static void main(String args[]) { 
System. out. println("Pi= "+Math. PI); 
System. out. println("E =" + Math. E); 
System. out. println("abs( — 6.8) = " + Math. abs( — 6.8) ); 
// ceil(d) 输 出 不 小 于 d 的 最 小 整数 (返回 值 为 double 型 7 
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System. out. println("ceil(6.8) =" + Math.ceil(6.8)); 
// floor(d) 输 出 不 大 于 d 的 最 大 整数 (返回 值 为 double 型 ) 
System. out. println("floor(8.6) =" + Math. floor(8.6)); 
System. out. println("round(8.6) =" + Math. round(8. 6)) ; 
System. out. println("sqrt(16) =" + Math. sqrt(16)); 
System. out. println("exp(1) =" + Math. exp( 1)); 
System. out. println("log(e) =" + Math. log(Math. E)) ; 
System. out. println("pow(2,3) =" + Math. pow( 2,3)) ; 
System. out. println("sin(30degree) =" + Math. sin(Math. toRadians(30))); 
System. out. println("atan(90degree) = " + Math. atan(Math. PI/2)) ; 
) 
) 


编译 并 运行 上 述 程序 ,将 看 到 常用 的 一 些 数学 运算 结果 。 

(2) 基本 接口 

在 Java 语言 包 ava. lang 中 定义 了 一 组 接口 ,下面 是 几 个 常用 的 接口 : 

* java. lang. Appendable: 可 追加 (Appendable) 接 口 。 实 现 该 接口 的 类 的 对 象 实例 具 
有 可 向 其 追加 字符 或 字符 序列 的 能 力 。 和 希望 能 够 接收 Formatter 输出 的 类 必须 实 
现 该 接口 。 

* java. lang. Cloneable: 可 克隆 (Cloneable) 接 口 。 实 现 了 该 接口 的 类 具有 克隆 的 能 
力 。 可 以 通过 Object. clone() 方 法 将 类 的 实例 对 象 的 域 (field) 逐 个 复制 到 同一 个 类 
的 另外 一 个 实例 中 。 如 果 使 用 Object. clone() 方 法 克隆 没有 实现 该 接口 的 类 的 实 
例 对 象 ,将 会 触发 CloneNotSupportedException 异常 。 

* java. io. Comparable: 可 比较 接口 。 实 现 了 该 接口 的 类 的 两 个 实例 对 象 之 间 可 以 进 
行 比较 。 比 较 结果 负数 (一 1) .0、 正 数 (1) 分 别 代 表 比 较 对 象 与 被 比较 对 象 之 间 的 关 
系 分 别 是 小 于 、 等 于 、 大 于 。 可 对 实现 了 该 接口 的 类 的 多 个 实例 对 象 进行 排序 。 


2. java.util 包 


java. util £2. X f& Java 实用 程序 包 。Java 平台 中 有 两 个 最 常用 的 基础 包 , 一 个 是 java. 
lang 包 , 另 一 个 就 是 java. util 包 。java. util 包 包 含 了 大 量 的 公用 类 ,包括 常用 的 数学 运算 
类 字符 串 类 ,日 期 \ 日 历 类 以 及 向 量 哈 希 表 等 类 ,还 包括 一 些 接口 和 异常 类 。 

下 面 重点 介绍 Java 中 有 关 日 期 的 类 及 其 操作 。 日 期 在 Java 中 是 非常 复杂 的 ,在 不 同 
的 语言 国 别 环 境 中 ,日 期 的 国际 化 .日 期 和 时 间 之 间 的 转换 .日 期 的 加 减 运算 .日 期 的 展示 格 
式 都 是 非常 复杂 的 问题 。 

在 Java 中 ,操作 日 期 主要 涉及 到 以 下 几 个 类 : 

(1) java. util. Date 

Date 类 封装 了 有 关 日 期 和 时 间 的 数据 ,可 以 精确 到 毫秒 。 从 JDK 1.1 开始 , 原 有 的 
Date 类 中 的 许多 方法 已 经 过 时 ,例如 ,getYear() .getMonth() , getDay O ^$ . Date 中 的 把 日 
期 解释 为 年 、 月 日、 小时、 分 钟 和 秒 值 的 方法 已 废弃 。 现 在 应 该 使 用 Calendar 类 实现 日 期 
和 时 间 之 间 的 转换 ,使 用 DateFormat 类 来 格式 化 和 分 析 日 期 字符 串 。 

在 Date 类 中 , 原 有 的 6 种 构造 函数 中 ,大 部 分 已 经 不 再 使 用 ,主要 使 用 的 构造 函数 是 


304 


Web 技 术 导 论 (第 2 版 ) 


public DateO fl Date(long date) 。 其 中 ,Date() 用 于 获取 当前 的 日 期 和 时 间 , 它 是 程序 获得 
当前 系统 时 间 的 唯一 方法 ; Date(long date) 用 于 分 配 Date 对 象 并 初始 化 此 对 象 ,以 表示 自 
从 标准 基准 时 间 ( 称 为 “ 历 元 (epoch)”, 即 1970 年 1 月 1 日 00:00:00 GMT) 以 来 的 指定 毫 
秒 数 。 

例如 : 

Date nowdaytime = new Date(); // 获 得 当前 系统 的 日 期 时 间 

Systen. out. println("Current time is;" + nowdaytime); 

则 输出 结果 为 : Current time is:Sun Jun 22 10:22:27 CST 2008, 

(2) java. text. DateFormat 

DateFormat 是 日 期 /时 间 格 式 化 子 类 的 抽象 类 , 它 以 与 语言 无 关 的 方式 格式 化 并 分 析 
日 期 或 时 间 。 日期/ 时间 格式 化 子 类 (如 SimpleDateFormat) 允许 进行 格式 化 (即日 期 一 文 
本 ) .分析 ( 文 本 一 日 期 ) 和 标准 化 。 将 日 期 表示 为 Date 对 象 .或 者 表示 为 从 GMT( 格 林 威 治 
标准 时 间 )1970 年 1 月 1 日 00:00:00 这 一 刻 开始 的 毫秒 数 。 

(3) java. text. SimpleDateFormat 

DateFormat 的 直接 子 类 ,SimpleDateFormat 是 一 个 以 与 语言 环境 相关 的 方式 来 格式 
化 和 分 析 日 期 的 具体 类 。 它 允许 进行 格式 化 (日 期 一 文本 )、 分 析 ( 文 本 一 日 期 ) 和 规 
范 化 。 

SimpleDateFormat 使 得 可 以 选择 任何 用 户 定义 的 日 期 -时 间 格 式 的 模式 。 但 是 ,仍然 
建议 通过 DateFormat 中 的 getTimeInstance getDateInstance 或 getDateTimeInstance 来 
创建 日 期 -时 间 格 式 化 程序 。 

(4) java. util. Calendar 

Calendar 类 是 一 个 抽象 类 , 它 为 特定 瞬间 与 一 组 诸如 YEAR, MONTH,DAY OF. 
MONTH, HOUR 等 日 历 字段 之 间 的 转换 提供 了 一 些 方法 ,并 为 操作 日 历 字段 (例如 获得 下 
星期 的 日 期 ) 提 供 了 一 些 方法 。 瞬 间 可 用 毫秒 值 来 表示 , 它 是 距 历 元 ( 即 格林 威 治标 准时 间 
1970 年 1 月 1 日 的 00:00:00.000, 格 里 高 利 历 ) 的 偏 移 量 。 

与 其 他 语言 环境 敏感 类 一 样 , Calendar 提供 了 一 个 类 方法 getInstance, 以 获得 此 类 型 
的 一 个 通用 的 对 象 。Calendar 的 getInstance 方法 返回 一 个 Calendar 对 象 ,其 日 历 字 段 已 
由 当前 日 期 和 时 间 初 始 化 。 

(5) java. util. GregorianCalendar 

GregorianCalendar 是 Calendar 的 一 个 具体 子 类 ,提供 了 世界 上 大 多 数 国家 使 用 的 标准 
日 历 系统 。GregorianCalendar 是 一 种 混合 日 历 , 在 单一 间断 性 的 支持 下 同时 支持 儒 略 历 和 格 
里 高 利 历 系统 ,在 默认 情况 下 , 它 对 应 格 里 高 利 日 历 创立 时 的 格 里 高 利 历 日 期 ( 某 些 国家 是 在 
1582 年 10 H 15 日 创立 ,在 其 他 国家 要 晚 一 些 )。 可 由 调用 方 通过 调用 setGregorianChange() 
来 更 改 起 始 日 期 。 

日 期 型 数据 的 操作 非常 复杂 ,涉及 5 个 方面 ,包括 : (1) 创 建 日 期 ; (2) 日 期 格式 化 显示 ; 
(3) 日 期 的 转换 (主要 是 和 字符 串 之 间 的 相互 转换 ); (4) 日 期 中 年 、 月 \ 日 .时 、 分 、 秒 、 星 期 、 
月 份 等 的 获取 ; (5) 日 期 的 大 小 比较 、 日 期 的 加 减 。 下 面 是 一 个 关于 日 期 数据 操作 的 综合 
举例 。 


第 6 章 ”服务 端 开发 


【 例 6-8】 日 期 类 Date 应 用 举例 。 


// TestSimpleDateFormat. java 
import java. util. Date; 
import java. util. Locale; 
import java. text. DateFormat; 
import java. text. ParseException; 
import java. text. SimpleDateFormat; 
public class TestSimpleDateFormat { 
public static void main(String args[ ]) throws ParseException { 
TestSimpleDateFormat test - new TestSimpleDateFormat(); 
test. testDateFormat(); 
) 
public void testDateFormat() throws ParseException { 
// 创建 日 期 
Date date = new Date(); 
// 创建 不 同 的 日 期 格式 
DateFormat dfl = DateFormat.getInstance(); 
DateFormat df2 = DateFormat.getDateInstance(DateFormat. FULL, Locale. CHINA); 
DateFormat df3 = new SimpleDateFormat("yyyy — MM - dd hh;mm;ss EE"); 
// 产生 一 个 指定 国家 指定 长 度 的 日 期 格式 ,长 度 不 同 ,显示 的 日 期 完整 性 也 不 同 
DateFormat df4 = new SimpleDateFormat(" yyyy 年 MM 月 dd H hh 时 mm 分 ss fl EE", Locale. 
CHINA); 
DateFormat df5 = new SimpleDateFormat("yyyy - MM - dd hh:mm:ss EEEEEE", Locale. US); 
DateFormat df6 = new SimpleDateFormat("yyyy — MM - dd"); 
DateFormat df7 = new SimpleDateFormat("yyyy 4F MM Ħ dd H"); 
// 将 日 期 按照 不 同 格式 进行 输出 
System. out. println(" (1) 按照 默认 日 期 格式 ,系统 默认 的 区 域 ? : ”+ dfl.format(date)); 
System. out. println("(2) 按照 指定 日 期 的 FULL 模式 , 区 域 设 置 为 中 文 : ”+ df2. format 
(date)); 
System.out.println(" (3) 按照 指定 日 期 格式 yyyy - MM- dd hh:mm; ss EE, 系统 默认 区 域 :"” + 
df3. format(date)); 
System. out.println("(4) 按照 指定 日 期 格式 YYYY 年 MK 月 dd 日 hh 时 mm 分 ss 秒 玛 ,区 域 为 中 
X :" + df4.format(date)); 
System. out. println(" (5) 按照 指定 日 期 格式 yyyy - MM - dd hh:mm; ss EE ,区 域 为 美国 : " + 
df5. format(date)); 
System. out.println("(6) 按照 指定 日 期 格式 yyyy - MM- dd ,系统 默认 区 域 : ”+ df6. format 
(date)); 
// 将 特定 格式 的 字符 串 转换 为 日 期 , 若 格 式 不 相配 , 则 会 出 错 
Date datel = dfl.parse("03- 05-11 下午 6:00"); 
Date date2 = df2.parse("2003 4 11 H 24 H EH8j—"»5; 
Date date3 = df3.parse("2006 -5- 8 18:30:00 星期 一 "); 
Date date4 = df4.parse("2008 4£ 6 H 16 H 11 8j 304r 00 & 星期 一 "); 
Date date5 = df5.parse("2008 - 06 - 22 18:30:00 Sunday"); 
Date date6 = df6.parse("2008 - 06 - 24"); 
System. out. println(" =: 
Systen. out. println(datel); 
Systen. out. println(date2); 
Systen. out. println(date3); 
Systen. out. println(date4); 
Systen. out. println(date5); 
System. out. println(date6); 
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实用 程序 包 java. util 包含 的 类 和 接口 很 多 ,由 于 篇 幅 所 限 ,在 此 不 再 介绍 ,请 读者 参考 
有 关 Java 编程 的 专门 书籍 或 JDK KE. 


3. javaawt & 


Java 抽象 窗口 工具 包 java. awtCAbstract Windowing Toolkit) 包 含 一 些 GUI 界面 相关 
的 类 ,包括 窗口 .对话 框 菜 单 、 各 种 控件 等 。awt 类 库 还 包含 一 组 用 来 处 理 绘图 .打印 和 图 
像 , 并 且 支 持 易 用 性 、 拖 放 和 二 维 图 形 的 API。 通 过 这 些 元 素 , 编程 者 可 以 控制 所 写 的 
Applet 或 Application 的 外 观 界面 。 

通过 awt 可 以 创建 与 平台 无 关 、 基 于 图 形 用 户 界面 的 程序 。 同 微软 的 Windows API 相 
VE ,清楚 .简单 和 强大 的 awt 是 Java 语言 迅速 流行 的 重要 原因 。awt 不 仅 是 编写 Windows 
程序 的 良好 工具 ,而 且 可 以 编写 其 他 操作 系统 平台 的 图 形 界面 应 用 程序 。 

4. java.swing & 

新 的 图 形 界面 类 库 java. swing 继承 awt, 提 供 了 多 种 图 形 界面 组 件 ,Swing 中 包含 了 像 
标签 页 、 表 格 、 树 ,特殊 边框 \ 微 调 等 各 种 新 组 件 。 这 些 组 件 都 是 100% hli Java 的 ,不 依赖 具 
体 的 Windows 系统 ,可 以 在 各 种 平台 上 实现 。Swing 中 支持 可 插入 观感 (Pluggable look 


and feel , PL&-F) ,支持 用 户 定制 桌面 ,更换 新 的 颜色 方案 ,让 窗口 系统 适应 特定 的 用 户 习惯 
和 需要 。Swing PL&F 体系 结构 使 得 同时 定制 Swing 控件 或 控件 组 更 加 容易 。 

5 javaio 包 

输入 输出 包 java. io, 提 供 了 全 面 的 1/0 接口 ,包括 文件 读 写 .标准 设备 输出 等 。 它 是 以 
流 为 基础 进行 输入 输出 的 ,所 有 数据 被 串 行 化 写 入 输出 流 , 或 者 从 输入 流 读 人 。1/O 体系 分 
为 Input/Output 和 Reader/ Writer 两 类 ,区 别 在 于 Reader/ Writer 在 读 写 文本 时 能 自动 转 
换 内 码 。 流 L/O 的 好 处 是 简单 易 用 ,缺点 是 效率 较 低 。 

Java 也 对 块 传输 提供 支持 ,在 核心 库 java. nio 中 采用 的 便 是 块 1/0. 3t 1/0 效率 很 高 ， 
但 编程 比较 复杂 。 

6.javaapplet 包 


java. applet 包 中 定义 了 设计 小 应 用 程序 (Applet) 的 类 和 接口 ,包括 控制 HTML 文档 
格式 .应 用 程序 中 的 声音 等 资源 的 类 。 例 如 Applet 类 、AppletContext 接口 .AppletStub 接 
H ,AudioClip 接口 等 ,其 中 Applet 是 用 来 创建 包含 于 HTML 的 Applet 必 不 可 少 的 。 


7.javabeans 包 


JavaBeans 是 Java 应 用 程序 环境 的 中 性 平台 组 件 结构 。java. beans 包 定 义 了 应 用 程序 
编程 接口 (APD ,包含 与 开发 JavaBeans 有 关 的 类 和 接口 。 


8.javanet 包 


含有 与 网 络 操作 相关 的 类 ,如 TCP Sockets, URL 等 工具 。 该 包 支 持 TCP/IP 协议 ,并 
包含 Socket 类 、URL 5j URL 相关 的 类 。 


6.3 JavaApplet 


JavaApplet 是 指 用 Java 编写 的 能 够 在 Web 页 中 运行 的 小 应 用 程序 ,通常 含有 可 视 化 
内 容 , 并 能 够 产生 特殊 的 显示 效果 。 在 JavaApplet 中 ,可 以 实现 图 形 绘制 ,字体 和 颜色 控 
制 动 画 和 声音 的 插入 、 人 机 交互 及 网 络 交 流 等 功能 。 


63.1 Applet 类 


{E java. applet 包 中 ,定义 了 Applet 类 , 它 是 所 有 Applet 应 用 的 基 类 ,所 有 的 Applet 小 


应 用 程序 都 必须 继承 该 类 。 例 如 : 


import java.applet. * ; 
public class myApplet extends Applet 
{ 


) 
Applet 类 的 基本 方法 见 表 6-4. 


表 6-4 Applet 类 的 基本 方法 


5 È 


x 能 


Applet() 
public final void setStub(AppletStub stub) 


public boolean isActive() 

public URL getDocumentBase() 

public URL getCodeBase 

public String getParameter(String name) 
public AppletContext getAppletContext() 
public void resize(int width,int height) 

public void resize( dimensiond) 

public void showStatus(String msg) 

public Image getImage(URL url? 

public Image getImageCURL url, String name) 
public AudioClip getAudioClip CURL url) 
public AudioClip getAudioClip (URL url, String 
name) 

public String getAppletInfo() 

public String[ JgetParameterInfo() 

public void play URL url) 

public void destroy O 


Applet 类 唯一 的 构造 函数 

设置 Applet 的 stub。stub 是 Java 和 C 之 间 转 换 参 
数 并 返回 值 的 代码 位 ,由 系统 自动 设 定 
判断 一 个 Applet 程序 是 否 在 活动 状态 
获得 表示 该 Applet 运行 的 文件 目录 的 对 象 
获得 该 Applet 代码 的 URL 地 址 

得 到 由 name 指定 的 参数 值 

返回 浏览 器 或 小 应 用 程序 观察 器 

调整 Applet 运行 的 窗口 尺寸 

调整 Applet 运行 的 窗口 尺寸 

在 浏览 器 的 状态 条 上 显示 指定 信息 

按 URL 指定 的 地 址 装 入 图 像 

T URL 指定 的 地 址 和 文件 名 装 人 图 像 

按 URL 指定 的 地 址 获取 声音 文件 

按 URL 指定 的 地 址 和 文件 名 获取 声音 


返回 Applet 的 作者 .版 本 .版权 等 信息 

返回 描述 Applet 参数 的 字符 串 数 组 

加 载 并 播放 一 个 URL 指定 的 音频 剪辑 

撤销 Applet 及 其 所 占用 的 资源 。 若 该 Applet 是 活 
动 的 ,应 先 终止 该 Applet 的 运行 
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Applet 类 还 有 四 个 基本 方法 ,以 用 来 控制 其 运行 状态 : 

CD init() 方 法 : Applet 程序 运行 前 的 初始 化 工作 。 当 一 个 Applet 被 系统 调用 时 , 系 
统 首先 调用 该 方法 。 通 常 可 以 在 该 方法 中 完成 从 网 页 向 Applet 传递 参数 ,添加 用 户 界 面 的 
基本 组 件 等 操作 。 

(2) start() 方 法 : 系统 在 调用 完 init() 方 法 之 后 ,将 自动 调用 start() 方 法 。 而 且 , 每 当 
用 户 离开 包含 该 Applet 的 Web 页 后 再 次 返回 时 ,系统 将 再 次 执行 start() 方 法 。 这 就 意味 
着 start() 方 法 可 以 被 多 次 执行 ,而 不 像 init() 方 法 。 因 此 ,可 把 只 希望 执行 一 次 的 代码 放 在 
init() 方 法 中 。 可 以 在 start() 方 法 中 开始 一 个 线程 ,如 继续 一 个 动画 ,声音 等 。 

(3) stop() 方 法 : 当 用 户 离开 Applet 程序 所 在 的 网 页 时 ,运行 该 方法 。 因 此 它 也 可 以 
运行 多 次 。 

(4) destroy() 方 法 : 停止 Applet 程序 的 运行 ,撤销 Applet 及 其 所 占用 的 资源 。 当 在 关 
闭 浏览 器 时 执行 该 方法 。 

【 例 6-9] 使 用 JavaApplet 举例 。 

下 面 是 一 个 创建 JavaApplet 并 在 网 页 中 使 用 的 例子 ,以 此 来 说 明 JavaApplet 的 使 用 
步骤 。 

(1) 编辑 JavaApplet 源 程 序 , 因 为 JavaApplet 为 public 类 ,因此 ,文档 名 应 和 Applet 
类 名 一 致 。helloApplet 类 定义 如 下 : 


// 文档 名 为 helloApplet. java 
import java.awt. * ; 
import java.applet. * ; 
public class helloApplet extends Applet 
{ 
public void paint(Graphics g) 
{ 
g. drawString("Hello World! ",5,35); 
} 
) 


将 该 文档 保存 在 di Nmyjava 文件 夹 下 ,文档 名 为 helloApplet. java; 

(2) 把 Applet 的 .java 源 程序 编译 为 字 节 码 . class 文件 ,使 用 javac helloApplet. java 命 
令 编译 该 文件 ,生成 . class 文件 。 

G) 制作 使 用 JavaApplet 的 HTML 文件 myApplet. htm。 在 HTML 文件 内 插入 
—applet- — /applet2 ifi] 51A ERM. class XPF. 

创建 的 HTML 文档 myApplet. htm 保存 在 和 . class 相同 的 文件 夹 中 ,内 容 如 下 : 

<html> 

=<title>helloApplet< /title> 

一 applet code = "helloApplet. class" width= 200 height = 100> 

</applet> 

</html> 


双击 HTML 文档 ,在 浏览 器 中 将 看 到 Applet 的 执行 结果 。 


632 Applet 交互 


JavaApplet 还 经 常用 于 用 户 交互 , Applet 支持 鼠标 、 键 盘 等 多 种 事件 ,用 户 可 以 对 
Applet 进行 交互 控制 。 

(1) Applet 响应 的 鼠标 事件 

JavaApplet 支持 的 鼠标 操作 有 mouseUp、mouseDrown mouseDrag, mouseEnter 和 
mouseExit 等 。 在 Applet 类 中 包含 了 三 种 事件 的 处 理 方法 ,用 户 只 要 在 各 个 方法 中 加 入 适 
当 的 事件 处 理 代 码 , 即 可 完成 相应 事件 的 处 理工 作 。 

Applet 类 鼠标 事件 处 理 方法 的 首部 如 下 ,其 中 形 参 x 和 y 是 事件 发 生 时 鼠标 指针 的 
位 置 : 

* public boolean mouseDown(Event event,int x,int y): 按 下 鼠标 按键 。 

* public boolean mouseUp(Event event.int x.int y): 放 开 鼠标 按键 。 

* public boolean mouseDrag( Event event.int x.int y): 拖 动 鼠标 。 

* public boolean mouseEnter( Event e.int x.int y): 鼠标 指针 指 在 对 象 上 。 
* public boolean mouseExit( Event e.int x.int y): 鼠标 指针 离开 对 象 。 

(2) JavaApplet 响应 的 键盘 事件 

JavaApplet 目前 支持 两 种 键盘 事件 : KEY PRESS 和 KEY_RELEASE。 当 按 下 键盘 
的 某 一 键 时 发 生 KEY PRESS 事件 ; 当 放 开 被 按 下 的 键 时 发 生 KEY RELEASE 事件 。 
Applet 类 的 keyDown() 方 法 和 keyUp() 方 法 处 理 键盘 事件 ,两 方法 的 首部 如 下 : 

* public boolean keyDown(Event event.int KeyPressed) 
* public boolean keyUp(Event event.int KeyPressed) 

JÉ & event 表示 事件 对 象 本 身 , 该 对 象 的 id 成 员 保存 了 事件 发 生 时 对 象 的 当前 值 , 它 与 
Event 对 象 的 一 组 成 员 变 量 相 对 应 。 例 如 ,通过 event. id 的 值 是 否 为 成 员 变 量 Event. 
KEY ACTION 可 知道 是 否 按 了 功能 键 。 绝 大 多 数 键盘 操作 都 有 与 之 对 应 的 Event 对 象 成 
员 变 量 。Event 的 成 员 变量 很 多 ,请 参考 其 他 相关 书籍 。 

形 参 KeyPressed 对 应 于 所 按键 的 值 。 对 于 常规 键 ,其 值 为 ASCII 码 , 其 他 键 也 都 有 确 
定 的 值 ,如 Esc 键 的 键 值 是 27. 

【 例 6-10] 设计 一 个 JavaApplet 程序 , 当 在 Applet 窗口 内 单 击 鼠 标 时 显示 鼠标 指针 
的 (x,y) 坐 标 值 。 当 按键 时 显示 所 按键 的 键 值 和 对 应 的 字符 。 

JavaApplet 代码 如 下 ,文档 名 为 MouseAndKeyA pplet. java, 

import java. awt. Event; 

import java.awt.Graphics; 

import java.applet. * ; 


public class MouseAndKeyApplet extends Applet 
( 


String mouseDownInf - null; // 保 存 按 下 鼠标 时 的 显示 信息 

String mouseDragInf = null; // 保 存 拖 动 鼠标 时 的 显示 信息 

String mouseEnterInf = null; // 保 存 鼠 标 指向 或 离开 Applet 对 象 时 的 显示 信息 
String keyDownInf = null; // 保 存 键盘 操作 信息 


public boolean keyDown(Event evt, int key) 
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{ // 按 下 键盘 键 时 发 生 的 事件 
keyDownInf = "按键 : " + (char)key+ " 键 值 : " + key; 
repaintO ; // 重 画 对 象 
return true; // 返 回 true 表示 事件 处 理 成 功 

} 

public boolean mouseDown(Event evt, int x, int y) 

{ // 单 击 鼠标 左 键 或 右键 时 发 生 的 事件 
nouseDownInf = " 单 击 位置 : ("+x+", "+y+")"; 
repaint(); 
return true; 

) 

public boolean mouseDrag(Event evt, int x, int y) 


{ // 按 住 鼠标 按键 拖 动 时 发 生 的 事件 
mouseDragInf = " 拖 动 位 置 : ("+x+", "+y+")"; 
repaint(); 


return true; 
) 
public boolean mouseEnter(Event evt, int x, int y) 
{ // 鼠 标 指针 指向 Applet 对 象 时 发 生 的 事件 
mouseEnterInf = "Hi,Welcome!"; 
repaint(); 
return true; 
) 
public boolean mouseExit(Event evt, int x, int y) 
(// 鼠标 指针 离开 Applet 对 象 时 发 生 的 事件 
mouseEnterInf = "Left Applet"; 
repaint(); 
return true; 
} 
public void paint(Graphics g) 
{ // 显示 Applet 对 象 的 方法 
if (mouseDownInf! = null) 
g. drawString(mouseDownInf, 25,90); 
if (mouseDragInf! = null) 
g. drawString(mouseDragInf, 150,90); 
if (keyDownInf! - null) 
g. drawString(keyDownInf, 280,90); 
if(mouseEnterInf! = null) 
g. drawString(mouseEnterInf, 200,45); 


) 
下 面 是 调用 JavaApplet 的 HTML 文档 ,文档 名 为 myapplet2. htm, 内 容 如 下 : 


<html> 

<head> 

</head> 

<body> 

<p><font color = " # FF0000" size = "5">JavaApplet rh fit RAR MHA E /F DICIS — / font — / p 
<hr> 

<applet code = "MouseAndKeyApplet. class" width= 500 height = 100— 


</applet> 
</body> 
</html> 


在 浏览 器 中 打开 myapplet2. htm 文档 ,显示 结果 如 图 6-6 所 示 o 


F E: \ayjava\ayapplet2.hta — Microsoft Internet Explorer 


文件 里 ) SEO EEV BRA IAW WAW 

= x A » 
3 © [9g Ds: yc 6€ G- 2 39- 
HE QD [E E: \nyjava\nyapplet2. hta «em ss 


JavaApplet*H fy RUTA BE f SE 


Hi Welcome. 


点 击 位 置 :( 65,73) 。 抢 动 位 置 : ( 11, 24 ) — 23491590 : ABE UI : 65 


[E] 小 应 用 程序 WeusskndKeyApplet started 


图 6-6 JavaApplet 在 浏览 器 中 的 显示 


最 后 需要 强调 的 是 ,JavaApplet 并 不 是 一 个 应 用 程序 , 它 没有 一 个 包含 main() 方 法 的 
类 。 它 只 是 一 个 由 已 在 运行 的 Java 应 用 程序 (如 Web 浏览 器 或 applet 查看 器 ) 装 入 并 运行 
的 Java 类。 


633 在 HTML 中 使 用 JavaApplet 


JavaApplet 的 主要 应 用 就 是 插入 到 HTML 页 面 中 ,以 产生 特殊 的 显示 效果 。 可 以 用 
JavaApplet 实现 文字 、 图 片 等 特效 ,例如 一 种 类 似 湖面 效果 的 特效 。 还 可 以 使 用 JavaApplet 
进行 人 机 交互 ,比如 一 张 图 片 , 当 鼠 标 移 到 上 面 会 产生 波动 ,就 像 现 实 中 手 波及 水 面 使 得 水 
开始 波动 。 

要 在 HTML 页 面 中 插入 JavaApplet ,首先 编写 Apple 源 程序 ,扩展 名 为 . java。 编 辑 完 
成 后 使 用 javac 命令 将 它 编译 转换 成 字 节 码 文件 (. class 文件 ) ,然后 再 在 HTML 文档 中 通 
HMA — applet — /applet- bs iU] 77 RH Java 小 程序 引入 到 HTML 文档 中 。 

在 HTML 中 使 用 JavaApplet 的 一 般 形 式 是 : 

<applet width=" " height =" " code = "myapplet. class" codebase = " "> 

浏览 器 不 支持 Java 的 提示 信息 

</applet> 

JavaApplet 的 可 执行 代码 为 . class 文件 ,JavaApplet 具有 安全 、 功 能 强 和 跨 平台 等 特 
性 ,所 有 主流 的 浏览 器 都 能 够 显示 包含 Applet 的 页 面 。 当 用 户 访问 包含 JavaApplet 的 网 
页 时 ,Applet 被 下 载 到 用 户 的 本 地 计算 机 上 执行 ,因此 执行 速度 不 受 网 络 带宽 的 限制 ,用 户 
可 以 更 好 地 欣赏 网 页 上 Applet 产生 的 多 媒体 效果 。 
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通过 过 applet 之 标记 来 定义 Applet 程序 的 使 用 , 过 applet 之 标记 所 包含 的 属性 见 
表 6-5。 
表 6-5 Applet 标记 常用 属性 
属 性 作 用 

code Applet 的 class 文件 名 

codebase 指定 Applet(. class 文件 ) 所 在 的 URL 地 址 。 它 可 以 是 绝对 地 址 ,如 www. sun 
.com。 也 可 以 是 相对 于 当前 HTML 文档 所 在 目录 的 相对 地 址 ,如 /AppletPath/ 
Name。 如 果 不 指定 codebase 属性 ,浏览 器 将 使 用 和 HTML 文件 相同 的 URL 


alt 浏览 器 不 支持 JavaApplet 时 显示 的 信息 

width height Applet 窗口 的 大 小 

align Applet 窗口 的 显示 位 置 , 取 值 可 以 是 top. middle. bottom 

vspace,hspace 在 Applet 窗口 周围 的 水 平和 垂直 空白 条 的 尺寸 

name 把 指定 的 名 字 赋 给 Applet 的 当前 实例 

param 指定 JvavaApplet 参数 。 格 式 为 : PARAM Name— "name" VALUE- "Liter" 


最 后 需要 说 明 的 是 ,JavaApplet 是 从 远程 服务 器 上 下 载 而 在 本 地 机 上 运行 的 ,由 于 安全 
方面 的 原因 ,浏览 器 通常 对 它 的 运行 进行 了 必要 的 限制 。 例 如 ,永远 无 法 运行 本 地 机 上 的 程 
序 ; 只 能 与 它 所 在 的 服务 器 联系 ; 无 法 对 本 地 机 上 的 文件 进行 读 写 操作 ; 除了 本 地 机 使 用 
的 Java 版 本 号 .操作 系统 名 称 及 版 本 号 文件 名 分 隔 符 、 文 件 路 径 外 ,无 法 获得 本 地 机 的 其 他 
信息 。 此 外 ,由 于 Flash 的 出 现 ,JavaApplet 的 功能 也 可 以 用 Flash 来 实现 ,因此 ,JavaApplet 的 
应 用 已 经 大 不 如 从 前 了 。 


64 JavaBeans 


JavaBeans 组 件 是 一 种 开发 软件 组 件 的 技术 ,软件 组 件 技术 可 以 把 软件 功能 作为 一 个 
组 件 来 组 装 成 一 个 应 用 程序 。 在 Web 应 用 开发 中 ,JavaBeans 通常 用 作 中 间 ”* 商 业 逮 辑 ” 层 ， 
用 于 将 表示 逻辑 和 数据 访问 多 辑 隔离 ,许多 业务 逻辑 通常 被 编码 成 JavaBeans ,而 不 是 直接 
"jig JSP 页 面 中 。 由 于 CGI/Servlet 的 复杂 性 ,目前 JavaBeans 和 JSP 技术 已 经 成 为 Web 
应 用 服务 器 三 层 结构 中 的 中 间 层 业务 逻辑 开发 的 主要 工具 。 


641 什么 是 JavaBeans 


什么 是 JavaBeans W? 简单 地 讲 ,JavaBeans 是 符合 一 定 规范 的 Java 类 。 任 何 具 有 某 
种 特性 和 事件 接口 约定 的 Java 类 都 可 以 写成 一 个 Bean。 通 过 将 一 个 满足 某 些 准则 的 Java 
类 写成 JavaBeans, 可 以 有 效 地 实施 软件 的 重用 。 

具体 地 讲 ,JavaBeans 有 两 层 含义 : 首先 ,JavaBeans 是 一 种 规范 ,一 种 在 Java( 包 括 
JSP) 中 可 重复 使 用 的 Java 组 件 的 技术 规范 ; 其 次 ,JavaBeans 是 一 个 Java 的 类 ,一般 来 说 ， 
这 样 的 Java 类 将 对 应 于 一 个 独立 的 . java 文件 ,在 绝 大 多 数 情况 下 , 它 是 一 个 public 类 型 
的 类 。 

从 原理 上 来 说 ,使 用 JavaBeans 就 是 按照 一 种 特定 的 规范 在 Java 程序 中 引入 一 个 类 。 
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对 于 一 个 简单 的 Java 应 用 程序 ,完全 可 以 不 必 拘 泥 于 使 用 JavaBeans。 即 便 是 对 于 JSP, 也 
可 以 做 同样 的 选择 ,因为 在 “二 %”* 和 “% 记 ”中 可 以 使 用 任何 纯 Java 语句 ,包括 对 一 个 新 对 
象 的 定义 和 实例 化 。 

但 是 ,在 绝 大 多 数 情况 下 ,使 用 JavaBeans 是 一 个 明智 的 选择 。 因 为 使 用 JavaBeans 可 
以 充分 利用 组 件 的 可 重复 使 用 的 特性 并 增加 程序 的 可 读 性 。 当 应 用 系统 日 趋 庞 大 时 ,遵守 
JavaBeans 规范 将 给 系统 开发 和 维护 带 来 极 大 的 便利 ,使 得 开发 JavaBeans 所 受到 的 约束 变 
得 微不足道 。 


642 JavaBean 的 属性 .方法 和 事件 


一 个 JavaBean 和 一 个 JavaApplet 类 似 , 是 一 个 遵循 某 些 规则 的 Java 类 ,每 个 JavaBean 
的 功能 可 能 不 同 ,但 一 般 都 遵循 以 下 特征 : 

CD 支持 自 检 。 这 样 构造 器 (builder) 可 以 分 析 bean 是 如 何 动 作 的 。 

(2) 支持 定制 。 用 户 可 以 通过 应 用 程序 构造 器 工具 定制 bean 的 外 观 和 行为 。 

(3) 支持 事件 。 保 证 bean 和 外 部 的 通信 。 

(4) 支持 属性 。 使 得 bean 真正 地 具有 内 部 状态 ,从 而 根据 应 用 需要 定制 。 

(5) 支持 持久 性 。 这 样 bean 才能 在 应 用 程序 构造 器 工具 中 定制 ,并 将 定制 的 状态 存储 
起 来 以 便 以 后 使 用 。 

1. 方 法 


JavaBean 归根 到 底 是 一 个 Java 类 ,所 有 的 public 方法 都 可 以 通过 对 象 外 部 直接 调用 。 
JavaBean 中 常用 的 方法 是 单 值 属性 设置 器 /获取 器 , 即 set 属性 值 和 get 属性 值 。 


2 属性 


JavaBean 提供 了 高 层 的 属性 (properties) 概 念 。 从 面向 对 象 的 角度 看 ,属性 就 是 传统 的 
对 象 属性 (attribute) 。JavaBean 属性 描述 了 bean 的 内 部 状态 ,是 JavaBean 中 的 数据 部 分 ， 
属性 的 值 可 以 通过 适当 的 bean 方法 进行 读 写 。 

JavaBean 有 四 种 类 型 的 属性 ,分 别 是 : 单 值 属 性 ,索引 属性 ` 关 联 属性 和 限制 属性 。 

CD 单 值 属性 

单 值 属性 是 JavaBean 中 最 简单 的 属性 ,只 需要 定义 一 个 包含 一 个 值 的 数据 成 员 ,并 为 
其 定义 一 对 设置 (setb)/ 获 取 (get) 属 性 的 方法 ,以 便于 外 部 与 其 发 生 联 系 。 如 果 没 有 为 单 值 
属性 提供 设置 器 方法 , 则 该 属性 为 只 读 型 属性 ; 如 果 没 有 为 单 值 属性 提供 获取 器 方法 , 则 该 
属性 为 只 写 属性 。 

单 值 属性 设置 器 /获取 器 定义 的 一 般 形 式 是 : 

public void set<PropertyName> (-—PropertyType- propertyValue) // 设置 器 

public —PropertyType^ get<PropertyName>() // 获取 器 


(2) 索引 属性 
索引 属性 类 似 于 Java 中 的 数组 ,包括 若干 个 数据 类 型 相同 的 元 素 , 可 以 通过 整数 索引 
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值 访问 其 中 的 属性 ,因此 称 为 索引 属性 。 

(3) 关联 属性 

JavaBean API 除 了 支持 单 值 属性 和 索引 属性 外 ,还 提供 了 一 些 属 性 用 于 增强 JavaBean 
的 属性 管理 功能 。 如 关联 属性 , 当 修 改 这 类 属性 时 ,将 发 送 一 个 通知 给 其 他 元 素 ( 如 
Applet,application 或 其 他 JavaBean) ,如 果 与 该 JavaBean 中 的 某 个 属性 相关 联 , 就 会 注册 
该 属性 。 因 此 ,只 要 这 个 关联 属性 发 生变 化 ,就 会 有 一 个 通知 发 送 给 这 些 相关 部 件 ,这 些 属 
性 称 为 关联 属性 ,它们 的 值 发 生 改变 与 外 部 部 件 有 关 , 外 部 部 件 称 为 监听 器 。 

一 个 有 关联 属性 的 JavaBean 需要 支持 如 下 一 对 事件 监听 器 的 注册 方法 : 

public void addPropertyChangeListner(PropertyChangeListner1) 

public void removePropertyChangeListner(PropertyChangeListnerl) 

(4) 限制 属性 

JavaBean API 中 的 另 一 种 高 级 属性 类 型 是 限制 (constrained) 属 性 , 它 可 以 使 外 部 部 件 
在 接受 属性 的 修改 值 之 前 先 确 认 修 改 值 。 也 就 是 说 , 当 需 要 修改 一 个 限制 属性 值 时 ,接受 属 
性 的 外 部 部 件 首先 要 检查 这 个 属性 的 合理 性 再 决定 是 否 接受 修改 。 


3. 事 件 


JavaBean 和 其 他 软件 组 件 交 流 信息 的 主要 手段 是 发 送 和 接收 事件 。 在 新 的 AWT 事 
件 模型 中 ,一 个 事件 源 可 以 注册 事件 监听 器 对 象 , 当 事 件 源 检 测 到 某 种 事件 发 生 时 ,将 激活 
检测 器 对 象 中 一 个 相应 的 事件 处 理 方法 。 

JavaBean 必须 能 够 发 送 事件 变化 通知 和 监听 到 其 他 JavaBean 的 事件 变化 ,并 对 监听 到 
的 事件 变化 进行 相应 的 业务 处 理 。 事 件 的 监听 原理 是 : 首先 事件 源 必须 对 需要 发 送 的 事件 
进行 注册 ,然后 注册 事件 监听 器 ,并 说 明 该 事件 源 所 发 生 的 事件 向 什么 组 件 发 送 , 也 就 是 说 ， 
在 事件 源 组 件 中 实现 方法 并 在 监听 组 件 中 注册 该 事件 源 。 

【 例 6-11】 JavaBean 应 用 举例 。 

1E Web 应 用 中 ,用 户 定义 的 类 或 JavaBeans 通常 存储 在 根 目 录 下 的 “WEB-INF\classes\ 
包 \” 文 件 夹 中 ,Java 通过 包 来 实现 用 户 类 定义 的 分 类 存储 和 管理 。 

一 个 NameCard 的 JavaBean 代码 如 下 (文件 名 为 NameCard. java) : 


package cards; 
public class NameCard 
( 
String Name, Address; 
public NameCard() 
{ 
this. Name - "John"; 
this. Address = "No, Road, City, Country"; 
) 
public void setName(String myName) 
{ 
this. Name = myName; 
) 
public String getName() 
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{ 
return (this. Name); 
) 
public void setAddress (String myAddress) 
{ 
this.Address = myAddress; 
) 
public String getAddress () 
( 
return (this. Address); 
j 
) 


上 述 JavaBean 应 存储 在 Web 应 用 特定 的 文件 夹 中 , 即 Web 应 用 根 目 录 中 “WEB-INF\ 
classes\cards” 下 ,用 javac NameCard. java 编译 生成 NameCard. class, 该 文件 将 存储 在 
cards 包 中 , 即 cards 子 文件 夹 中 。 

当 JavaBean 完成 后 ,为 了 测试 JavaBean 的 功能 ,可 以 在 bean 类 中 临时 增加 main 77 
法 ,借用 main() 方 法 来 调试 bean, JavaBean 的 主要 应 用 是 将 JavaBean 应 用 于 JSP 页 面 中 ， 
关于 在 JSP 中 使 用 JavaBean, 将 在 6. 6. 4 小 节 进 行 详细 介绍 。 


643 Enterprise JavaBeans 


1997 年 4 月 12 日 ,Sun 宣布 了 一 项 为 企业 环境 开发 Java 平台 的 创新 成 果 , 即 Java 2 
Platform, Enterprise Edition(J2EE)。J2EE 本 质 上 是 由 若干 技术 构成 的 一 个 Java 开发 框 
架 , 这 些 主要 的 J2EE 技术 包括 : 

* Enterprise JavaBeans(EJB) 技 术 
Java Interface Definition LanguageCIDL) 

Java Message Service(JMS) API 

Java Naming and Directory Interface(J NDI) 

Java Remote Method Invocation RMD fll Object Serialization 
JavaServlet API 

Java Transaction API(JTA) 

Java Transaction ServiceCJ TS) 

JavaServer Pages(JSP) 技 术 

JDBC 数据 库 访问 API 

虽然 从 名 称 上 看 , Enterprise JavaBeans (EJB) 和 JavaBeans 类 似 , 容 易 令 人 误 认为 
JavaBeans 是 用 于 客户 端的 开发 , Enterprise JavaBeans 是 用 于 服务 器 端的 开发 ,这 种 来 自 字 
面 上 的 理解 是 完全 错误 的 ,因为 两 者 是 完全 不 同 的 概念 。 

JavaBeans 和 EJB 都 是 组 件 模型 规范 ,但 是 前 者 说 明了 系统 开发 中 业务 逻辑 的 模块 化 、 
组 件 的 定义 和 应 用 程序 组 装 的 问题 ,而 后 者 则 侧重 于 部 署 组 件 的 服务 框架 的 细节 , 即 
Enterprise JavaBeans 的 侧重 点 是 详细 地 定义 了 一 个 可 以 部 署 Java 组 件 的 服务 框架 模型 。 
EJB 不 涉及 属性 、 发 送 和 接收 事件 , 它 定义 了 一 个 企业 应 用 的 框架 模型 ,具体 地 说 ,EJB 是 一 
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个 技术 规范 , 它 描述 了 构建 应 用 组 件 要 解决 的 可 扩展 (Scalable) 、 分 布 式 (Distributed) 事务 
处 理 (Transactional) ,数据 存储 (Persistent) 和 安全 性 (Secure) 等 问题 ,以 指导 软件 组 件 的 开 
发 和 部 署 。 关 于 EJB 的 更 多 内 容 , 请 读者 参考 其 他 的 相关 书籍 。 


65 Servlet 服务 器 程序 


Java 应 用 程序 可 以 在 服务 器 上 运行 ,但 是 不 管 是 在 客户 机 /服务 器 环境 下 ,还 是 在 基于 
Web 的 环境 下 ,JDK 中 都 没有 提供 让 Java 应 用 程序 专用 于 服务 器 机 器 的 接口 或 包 。 认 识 
到 Java 在 Web 环境 下 作为 一 种 服务 器 语言 的 潜力 ,Sun 编写 了 JavaServlet 规范 。Servlet 
在 许多 方面 与 applet 相似 , 它 是 专门 为 在 Web 服务 器 机 器 上 运行 而 设计 的 Java 程序 。 
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在 一 台 Web 服务 器 控制 下 ,在 多 台 服 务 器 上 运行 若干 小 型 用 户 程序 ,这 就 是 公共 网 关 
接口 (CGI 程序 (又 称 CGI 脚本 ?所 起 的 作用 。CGI 应 用 程序 本 身 往往 不 是 完整 的 应 用 程 
序 ,在 处 理 接收 自 Web 浏览 器 上 用 户 的 信息 请 求 时 ,CGI 只 是 整个 处 理 过 程 中 的 一 个 中 间 
步骤 。 例 如 ,CGI 应 用 程序 的 一 种 常见 用 途 是 访问 数据 库 。 将 它 用 于 这 种 任务 时 ,CGI 程序 
提供 一 种 方法 ,将 用 户 的 数据 请 求 连接 到 能 满足 这 种 请 求 的 企业 数据 库 。CGI 程序 常常 充 
当 一 种 中 间 软 件 , 从 Web 浏览 器 接收 请 求 ,决定 必须 调用 哪些 计算 资源 来 满足 这 些 请 求 ,并 
向 浏览 器 发 回响 应 。 传 统 的 CGI 程序 一 般 是 由 C 或 C++ 开发 的 ,这 些 语言 的 执行 速度 较 
快 。 随 着 优化 编译 器 的 引入 ,用 Java 来 实现 中 间 层 成 为 可 能 。 

Servlet 是 专门 为 在 Web 服务 器 机 器 上 运行 而 设计 的 Java 程序 ,相当 于 运行 于 服务 端 
的 applet, +j CGI 程序 一 样 , 用 于 充当 连接 前 端 Web 请 求 与 后 端 数据 资源 的 中 间 层 组 件 。 
它 可 以 动态 地 扩展 服务 器 的 能 力 ,并 采用 请 求 -响应 模式 提供 Web 服务 。 使 用 JavaServlet 
可 以 以 更 高 的 效率 和 可 移植 性 来 实现 CGI 的 目的 ,并 最 终 会 取代 传统 的 CGI 程序 。 
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在 现在 的 Web 开发 中 ,传统 的 CGI 编程 正在 被 Servlet 技术 所 蔡 代 。JavaServlet 的 出 
现 ,为 应 用 程序 员 使 用 Java 来 创建 Web 应 用 程序 开辟 了 新 的 途径 。 但 是 ,Servlet 只 是 工作 
在 Web 服务 器 上 的 一 个 连接 客户 请 求 和 数据 库 系统 的 中 间 层 , 它 不 是 一 个 可 以 独立 运行 的 


1. 编写 Servlet 所 需要 的 开发 环境 


在 服务 端 ,要 运行 Servlet ,需要 安装 支持 JavaServlet 的 Web 服务 器 。 最 新 的 Web 服 
务 器 或 应 用 服务 器 ,例如 Tomcat, 已 经 配置 了 运行 Servlet 和 JSP 所 有 必需 的 软件 。 因 此 ， 
Tomcat 既 可 以 单独 作为 小 型 Servlet, JSP 测试 服务 器 ,也 可 以 集成 到 Apache Web 服务 器 
中 ,构成 一 个 Web 应 用 服务 器 。 
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2. Servlet 的 开发 过 程 


Servlet 没有 main() 函数 ,因此 它 不 是 一 个 真正 意义 上 的 完整 的 独立 的 Java 程序 。 
Servlet 只 是 运行 在 Web 服务 器 上 的 一 个 负责 用 户 和 数据 层 之 间 转 换 的 接口 , 它 是 用 Java 
编写 的 类 。 所 有 的 Servlet 都 必须 继承 基本 的 Servlet 类 ,定义 请 求 处 理 的 方法 。 

要 开发 Servlet ,需要 使 用 JavaServlet API 扩展 程序 包 javax. servlet 和 javax. servlet. 
http, javax. servlet. http 包 定 义 了 利用 HTTP 协议 与 客户 端 进行 交互 的 类 与 界面 ,javax. 
servlet 包 适 用 于 基于 客户 自 定 义 协 议 的 Servlet 开发 。 

下 面 的 代码 显示 了 一 个 简单 的 Servlet 的 基本 结构 。 


import java. io. * ; 


import javax. servlet. * ; 
import javax. servlet. http. * ; 
public class SomeServlet extends HttpServlet { 
public void doGet(HttpServletRequest request, HttpServletResponse response) 
throws ServletException, IOException 
{ 
// 使 用 "request" 读 取 和 请 求 有 关 的 信息 (比如 Cookies) 和 表单 数据 
// 使 用 "response" 指 定 HTTP 应 答 状 态 代码 和 应 答 头 
//〈 比 如 指定 内 容 类 型 ,设置 Cookie) 
// 使 用 "out" 把 应 答 内 容 发 送 到 浏览 器 


PrintWriter out = response. getWriter(); 
) 


如 果 某 个 类 要 成 为 Servlet, 则 它 必 须 从 HttpServlet 继承 ,根据 数据 判断 是 通过 GET 
还 是 POST 发 送 ,覆盖 doGet ,doPost 方法 之 一 或 全 部 。doGet 和 doPost 方法 都 有 两 个 参 
数 ,分 别 为 HttpServletRequest 类 型 和 HttpServletResponse 类 型 。HttpServletRequest 提 
供 访 问 有 关 请 求 的 信息 的 方法 ,例如 表单 数据 .HTTP 请 求 头等 等 。HttpServletResponse 
除了 提供 用 于 指定 HTTP 应 答 状 态 MY k (Content-Type, Set-Cookie 等 ) 的 方法 之 外 ,最 
重要 的 是 它 提供 了 一 个 用 于 向 客户 端 发 送 数据 的 PrintWriter。 对 于 简单 的 Servlet 来 说 ， 
它 的 大 部 分 工作 是 通过 println 语句 生成 向 客户 端 发 送 的 页 面 。 

注意 : doGet 和 doPost 抛 出 两 个 异常 ,必须 在 声明 中 包含 它们 。 另 外 ,还 必须 导入 
java. io 包 ( 要 用 到 PrintWriter 等 类 )、javax. servlet 包 ( 要 用 到 HttpServlet 等 类 ) 以 及 
javax. servlet. http 包 ( 要 用 到 HttpServletRequest 类 和 HttpServletResponse 类 ) 。 

最 后 ,doGet 和 doPost 这 两 个 方法 是 由 service 方法 调用 的 .有 时 可 能 需要 直接 覆盖 
service 方法 ,比如 Servlet 要 处 理 GET 和 POST 两 种 请 求 时 。 

【 例 6-12】 一 个 简单 的 servlet 代码 示例 (HelloServlet. java) 。 

package test; 

import java. io. *; 

import javax. servlet. * ; 

import javax.servlet. http. * ; 


public class HelloServlet extends HttpServlet 
( 
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public void doGet(HttpServletRequest request, HttpServletResponse response) 
throws ServletException, IOException 

{ 
response. setContentType("text/html"); 
PrintWriter out = response.getWriter(); 
out. println("-— html — head <title>"); 
out. println("This is my first Servlet"); 
out. println("— /title— — /head — body"); 
out. println("- center —hl-Hello, Servlet! — /h17 — /center-"); 
out. println("— /body— — /htm17"); 

) 

) 


该 servlet 实现 如 下 功能 : 当 用 户 通过 浏览 器 访问 该 servlet 时 ,该 servlet 向 客户 端 浏 
览 器 返回 一 个 HTML 页 面 , 显 示 Hello Servlet! 

在 Web 开发 中 ,Servlet 通常 需要 存储 在 特定 的 文件 夹 下 ,否则 在 编译 时 或 运行 时 将 出 
现 找 不 到 Servlet 的 错误 。 在 Web 应 用 根 目 录 下 ,创建 WEB-INF 文件 夹 ,包含 class 文件 
夹 , 在 class 文件 夹 下 ,可 以 定义 另外 的 子 文件 夹 , 分 别 存 储 用 户 Web 项目 中 的 Java 类 。 

(1) 编译 Servlet 代码 

当 Servlet 编写 完成 后 ,使 用 javac HelloServlet. java 命令 编译 上 述 的 Servlet 代码 。 如 
果 在 编译 过 程 中 提示 javax. servlet 包 不 存在 ,通常 是 当前 的 环境 变量 设置 有 问题 ,例如 
classpath 路 径 中 缺少 一 个 解析 servlet 类 的 包 。 

在 tomcat 中 ,需要 将 \common\lib 目录 下 的 servlet-api. jar 添加 到 classpath 中 。 具 体 
方法 是 : 复制 servlet-api. jar 文件 ,添加 到 classpath 中 ,或 复制 到 jre 的 扩展 包 路 径 \jre\lib\ 
ext 中 ,再 次 编译 , 则 生成 MyServlet. class 文件 ,编译 成 功 。 

(2) 运行 Servlet 

Servlet 不 是 一 个 可 执行 的 Java 程序 , 它 是 在 Servlet 容器 (如 Tomcat) 中 运行 的 。 现 在 
对 MyServlet 进行 测试 ,打开 浏览 器 ,按照 通常 的 思路 ,在 地 址 栏 内 输入 : 

http://127.0.0.1/HelloServlet 


{E Tomcat 中 ,运行 Servlet 比较 复杂 ,如 果 显 示 错 误 信息 , 找 不 到 要 运行 的 Servlet, 则 
需要 再 对 Tomcat 进行 相应 的 配置 ,主要 的 配置 包括 : 

首先 ,修改 %TOMCAT_HOME%\conf\ Web. xml X fF. REJ < servlet > K. NA 
如 下 : 


«p 
<servlet> 
<servlet - name> invoker-— /servlet - name> 
<servlet - class 
org. apache. catalina. servlets. InvokerServlet 
—/servlet- class 
—init- param 
<param - name debug- /param — name 
<param- value>0</param— value> 
</init- param> 
<load- on- startup-2--/load- on- startup> 


</servlet> 
--> 


然后 再 找到 下 述 代 码 : 
所 !-- The mapping for the invoker servlet --— 
sx 
—servlet - mapping 
二 servlet - name-"invoker-— /servlet - name> 
一 url - pattern /servlet/ * 一 /url - pattern 
— /servlet - mapping 
--> 


上 述 代码 显示 Tomcat 调用 器 (InvokerServlet) 被 关闭 了 。 在 Tomcat. 1. 12 版 本 之 
前 ,默认 情况 下 调用 器 是 启用 的 ,由 于 一 个 安全 缺陷 的 揭示 ,因此 ,在 以 后 的 版 本 中 ,调用 器 
默认 情况 下 是 禁用 的 。 如 果 要 启用 的 话 , 只 要 将 %TOMCAT_HOME%\conf\ Web. xml 文 
件 中 上 述 两 段 代码 的 注释 取消 即 可 。 
除了 通过 浏览 器 地 址 栏 直 接 运 行 Servlet 外 ,还 可 以 写 一 个 调用 该 Servlet ff] HTML X 
件 , 通 过 HTML 的 form 表单 中 的 action 调用 Servlet, 运 行 相 应 的 Servlet。 例 如 : 
<html> 
<head> 
<title>JavaServlet s Sample< /title> 
</head> 
<body> 
<form method = "get" action = "test. HelloServlet"> 
<input name = "test" type - "submit" value = "Test HelloServlet"> 
</form> 
</body> 
</html> 


单独 编写 Servlet 非常 麻烦 , 随 着 JSP 技术 的 发 展 ,可 以 直接 将 Java 代码 写 在 HTML 


页 面 中 ,这 些 代 码 被 包含 在 “二 %” 和 “% 记 ”内 ,形成 JSP 文件 。 对 于 JSP 页 面 中 的 代码 ,将 
被 编译 成 Servlet ,这样 就 大 大 地 减少 了 Servlet 开发 的 难度 。 
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使 用 Servlet 开发 服务 端 中 间 层 逻辑 ,实在 是 太 复杂 了 。 为 此 ,Sun 公司 于 1999 年 推出 
JSP(Java Server Pages) 技 术 。JSP 是 一 种 Java 平台 技术 , 它 是 在 传统 的 HTML 文档 (* . htm, 
* .html) 中 加 入 Java 脚本 程序 (Scriptlety) 和 JSP 标记 来 构成 的 , 它 包 装 了 JavaServlet 系统 
界面 ,用 户 可 以 在 JSP 页面 上 直接 书写 Java 代码 ,这 样 就 大 大 简化 了 Java 和 Servlet 的 使 
用 难度 。 此 外 ,作为 一 种 服务 器 脚本 语言 ,JSP 是 在 编译 成 Servlet 后 才能 实际 运行 。 当 用 
户 浏览 .jsp 网 页 时 ,首先 在 服务 器 端 执行 .jsp 文档 中 的 服务 端 代码 ,然后 把 执行 结果 传送 到 
客户 端 浏览 器 ,基本 上 与 浏览 器 无 关 。 
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661 JSP 的 运行 环境 


要 运行 JSP 页 面 ,在 Web 服务 器 端 ,需要 安装 Tomcat 应 用 服务 器 。Tomcat 通常 和 
Apache Web 服务 器 一 起 共同 构成 一 个 Web 站 点 。 


1. 运行 与 开发 环境 
JSP 的 运行 和 开发 环境 框架 模型 如 图 6-7 所 示 。 
zn ! Web 服 务 器 1 数据 库 服务 器 
EPM ud CILE) | (数据 管理 ) 
浏览 器 e| HTML/ServleVEJB/JSP 网 页 ||! 
I d 1 
"TI ! Se 引擎 ) ! 
] Java 运 行 环境 ! I 
mW e 操作 系统 1 
i] 


1 
1 
图 6-7 JSP 的 运行 和 开发 环境 


JSP 的 开发 .运行 环境 很 多 ,可 以 采用 UNIX, Linux, Windows Server 等 不 同类 型 的 操 
作 系 统 , 如 果 希 望 在 服务 器 上 开发 Servlet/EJB/JSP 应 用 程序 ,还 应 该 安装 以 下 软件 : 

(1) 安装 Java 环境 。 

(2) 安装 Java VM(JRE) ,Tomcat 需要 Java VM 的 支持 。 

(3) 安装 Tomcat。 

Tomcat 是 针对 于 Apache 服务 器 开发 的 JSP 应 用 服务 器 ,是 JavaServlet 和 Java Server 
Pages 技术 的 标准 实现 ,是 基于 Apache 许可 证 下 开发 的 自由 软件 。 可 以 这 样 认为 , 当 在 一 
台 机 器 上 配置 好 Apache 服务 器 ,可 利用 它 响 应 对 HTML 页 面 的 访问 请 求 。 实 际 上 
Tomcat 部 分 是 Apache 服务 器 的 扩展 ,但 它 是 独立 运行 的 ,所 以 当 运行 Tomcat 时 , 它 实际 
上 作为 一 个 与 Apache 独立 的 进程 单独 运行 。 当 配置 正确 时 ,Apache 为 . html 页 面 服务 ,而 
Tomcat 实际 上 运行 . jsp 页 面 和 Servlet, 

(4) Apache 服务 器 

可 以 根据 需要 安装 Apache 服务 器 。 因 为 在 这 一 章 我 们 主要 是 介绍 JSP 的 开发 ,因此 
只 要 安装 了 Tomcat 就 可 以 了 。 


2 建立 一 个 JSP 程序 的 测试 站 点 


为 了 测试 后 面 要 学 习 的 JSP 程序 ,我 们 需要 建立 一 个 JSP 程序 测试 站 点 。 步 又 如 下 : 

(1) 建立 测试 站 点 的 主 目录 

假设 测试 站 点 的 主 目录 是 D:\MyJSP, 然 后 所 有 的 JSP 程序 就 可 以 存储 到 该 目录 下 ,或 
者 建立 虚拟 目录 。 

在 主 目录 下 ,创建 一 个 index. jsp 文件 。 

(2) 修改 Tomcat 的 默认 设置 

打开 Tomcat 的 主 配置 文件 \Tomcat 6. 0\conf\server. xml, 具 体 修改 包括 两 个 方面 : 


QD 将 Tomcat 默认 的 Web 服务 端口 号 8080 改 为 80。 

© 增加 新 Web 应 用 的 上 下 文 。 

例如 ,一 Context path ^ "/myjsp" docBase — " d: VW MyJSPV" debug — "0" reloadable = 
"true" privileged — "true" /二 。 

具体 修改 见 第 2 3€ Web 服务 器 的 架设 和 管理 , 它 定 义 了 一 个 虚拟 目录 对 应 的 物理 目 
录 , 告 诉 Tomcat 如 何 找到 用 户 的 Web 应 用 。 这 样 ,就 可 以 在 浏览 器 地 址 栏 中 输入 http:// 
127.0.0.1:8080/myjsp/ 文 件 .jsp 访问 一 个 JSP 文 档 了 。 

当 上 述 修 改 完毕 后 ,在 任务 栏 中 右 击 Tomcat Air it“ Shutdown: Tomcat” aS, 
关闭 Tomcat。 然 后 在 “开始 "菜单 中 重新 启动 Tomcat, 尝 试 运行 用 户 Web 应 用 。 

注意 : 如 果 安 装 了 Apache, 在 计算 机 启动 时 它 将 被 启动 ,此 时 需要 首先 将 Apache Http 
Server 关闭 ,然后 再 运行 Tomcat。 

G) 运行 JSP 程序 

如 果 要 运行 D:\MyJSP 下 面 的 JSP 文档 1. jsp, 在 地 址 栏 中 输入 : http://127. 0. 0. 1/ 
myjsp/1.jsp。 注 意 : 必须 要 输入 扩展 名 ,同时 要 注意 文件 名 和 目录 的 大 小 写 。 其 中 ,myjsp 
为 虚拟 目录 。 
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JSP 文档 是 通过 在 HTML 文档 中 加 入 Java 脚本 程序 构成 的 。Java 脚本 程序 代码 用 
“二 名 ”和 "加 二 ”标记 括 起 来 , 称 为 JSP 元 素 。JSP 元 素 可 以 分 为 三 种 类 型 : 脚本 元 素 、 指 令 
元 素 和 动作 元 素 。 脚 本 元 素 规范 JSP 中 所 使 用 的 Java 代码 ; 指令 元 素 针 对 JSP 引擎 控制 
转译 后 的 Servlet 的 整个 结构 ; 动作 元 素 主 要 连接 到 用 到 的 组 件 ( 如 JavaBeans 和 Plugin). 
另外 它 还 可 以 控制 JSP 引擎 的 行为 。 


1. JSP 指令 


JSP 指令 是 JSP 的 引擎 。 它 们 不 直接 产生 任何 可 视 的 输出 ,只 是 指示 引擎 如 何 处 理 
JSP 页 面 中 的 内 容 。JSP 指令 由 二 %@…% 二 标记 .一般 形 式 是 : 
<40 指令 名 属性 , = "属性 值 ” 属性 = "属性 值 ”… 属性 .= "属性 值 ”% 二 


主要 的 两 种 指令 是 page 和 include。 
(1) page 指令 
page 指令 用 来 定义 整个 页 面 的 相关 属性 。 该 指令 的 语法 和 它 所 包含 的 属性 如 下 : 


<%@ page 
[ language = "java" ] 
[ extends = " package. class" ] 
[ import =" (package. class | package. * )，…" ] 
[ session ="true | false" ] 
[ buffer = "none | 8kb ] 
[ autoFlush = "true | false" ] 
[ isThreadSafe = "true | false" | 
[ info-"text" ] 
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[ errorPage = "relativeURL" |] 
[ contentType = "nimeType [ ;charset = characterSet ]" | 
"text/html; charset = ISO - 8859 - 1" | 

[ isErrorPage = "true | false" ] & — 
下 面 是 page 指令 的 几 个 常用 属性 : 
* language 属性 : 所 使 用 的 脚本 语言 。 例 如 ,二 %@ page language— "Java" %% 二 。 
。 import 属性 : 脚本 元 素 中 使 用 的 类 ,与 Java 中 的 import 声明 作用 相同 ,应 是 类 的 全 

名 ,或 者 类 所 在 的 包 。 例 如 : 

< % @ page import = "java. util. Date" $& — 
< &( page import = "java. io. *" > (java. io 包 中 的 所 有 类 在 本 页 中 都 可 以 使 用 ) 
session 属性 : 是 否 使 用 session 对 象 。 
buffer 属性 : 对 象 out 的 输出 模式 。none 为 没有 缓冲 区 ; 8KB 为 缓冲 区 大 小 。 
autoFlush 属性 : 缓冲 区 已 满 时 是 否 自动 清空 。 当 buffer 为 none 时 该 属性 不 能 为 
false。 
isThreadSafe 属性 : 处 理 对 象 间 的 存 取 是 否 引 入 Thread Safe 机 制 。 如 果 为 true, W 
在 程序 中 必须 有 多 线程 的 程序 代码 ,和 否则 直接 实现 SingleThreadModel 机 制 。 
errorPage 属性 : 设置 异常 处 理 网 页 。 
IsErrorPage 属性 : 当前 网 页 是 否 是 另 一 个 JSP 网 页 的 异常 处 理 网 页 。 
contentType 属性 : 输出 到 客户 端的 MIME 类 型 和 字符 集 。 默 认 的 字符 集 是 ISO- 
8859-1。 例 如 ,使 用 中 文字 符 集 : 二 %@ page content Type— "gb2312" 947, 

可 以 在 几乎 所 有 的 JSP 页 面 项 部 找到 指令 page, 使 用 page 指令 (at page) 可 以 定义 网 
页 的 处 理 方式 ,如 到 何 处 寻找 Java 类 支持 等 。 常 用 的 有 : 

< &(8 page import = "java. util. Date" %> 

< % @ page errorPage = "errorPage. jsp" * 二 ( 当 出现 错 误 时 的 错误 处 理 网 页 ) 

< &( page session = "true" %> 

(2) include 指令 

这 是 一 个 在 JSP 网 页 中 包含 其 他 文件 的 指令 , 它 是 在 JSP 引擎 将 它 转 译 成 Servlet 时 产 
生 作用 的 指令 ,其 一 般 形式 如 下 : 

<%@ include file- "插入 文件 的 URL" $> 


这 里 要 求 , 被 包含 进 的 文件 必须 符合 JSP 的 语法 ,应 是 静态 文本 、 指 令 元 素 、 脚 本 元 素 
和 动作 元 素 。 注 意 ,包含 后 面 不 能 有 分 号 。 


2 声明 


JSP 的 声明 用 于 定义 页 面 级 的 变量 ,如 果 代码 太 多 的 话 ,最 好 写 入 一 个 单独 的 Java 类 
中 。 声 明 由 二 %! … % 放 定义 。 必 须 通 过 分 号 来 结束 变量 声明 ,同时 任何 内 容 必须 是 有 效 
的 Java 语句 ,例如 : 二 %! int i=0; %% 二 。 注 意 , 声 明 后 面 的 分 号 不 能 省 略 。 


3. 表达 式 
TE JSP 文档 中 ,可 以 将 表达 式 的 结果 直接 输出 到 页 面 中 。 一 般 形式 是 : <% 王 表达 式 % 二 。 


例如 : 


二 % = i % (输出 变量 i 的 值 ) 
二 名 = "Hello" % 二 (输出 字符 串 常量 ) 


4 代码 段 脚 本 片段 


JSP 代码 段 或 脚本 片段 包含 在 "二 % … % 过 ”标记 对 内 。 当 Web 服务 器 响应 请 求 时 ， 
这 种 Java 代码 就 会 运行 。 在 脚本 片段 周围 可 能 是 纯粹 的 HTML 或 XML 代码 ,在 这 些 地 
方 , 代 码 片 段 可 以 创建 条 件 执行 代码 ,或 只 是 调用 另外 一 段 代 码 。 

例如 ,以 下 的 代码 组 合 使 用 表达 式 和 脚本 片段 ,分 别 按照 H1, H2, H3, H4 和 H5 标题 
样式 ,显示 字符 串 “ 你 好 ”, 脚 本 片段 并 不 局 限于 一 行 源 代码 中 : 


<% for(inti-1; i<=4; i++) ( 外 过 
<H< =i% 记 二 你 好 </H<% -i&-— 


<%}%> 

5. 注释 

在 文档 中 加 入 HTML 注释 ,用 户 可 以 通过 查看 页 面 源 代码 来 看 到 这 些 注释 的 内 容 。 
如 果 不 想 让 用 户 看 到 注释 内 容 , 应 将 其 嵌入 到 所 %%-- … --% 二 标记 对 中 ,一般 形式 是 : 


二 %-- 注 释 内 容 --% 之 


【 例 6-13] 编写 一 个 JSP 文档 ,显示 网 页 的 访问 次 数 。 
首先 定义 一 个 统计 访问 次 数 的 文档 ,文档 名 为 mycount. jsp, 内 容 如 下 : 


<% |! private int accessCount = 0; % > 
<table border = "0" width= "100 %" height = "60" bgcolor = "it FFFF00"> 
<tr> 
<td width= "20 %" height = "53"> HL% : < % = request. getRemoteHost() & ></td> 
<td width= "20 % " height = "53" >K: <% = ++accessCount % ></td> 
<td width= "605" height = "53" 之 当前 时 间 : <% = new Date() & ></td> 
RE 
</table> 


定义 一 个 JSP 页 面 ,包含 上 述 文 件 , 输 出 一 个 随机 数 ,mypage. jsp 文档 内 容 如 下 : 


二 title>JSP PXE </title> 
</head> 
<body> 
<% @ page import = "java.util. * " % > 
< % | Random RdnNumber = new Randon() ; % > 
<% @ include file = "mycount. jsp" % > 
<$ 

out. println(RdmNumber. nextInt(100)); // 输 出 100 以 内 的 随机 整数 
E 
</body> 
</html> 
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将 上 述 文件 保存 在 d: / MyJSP 文件 夹 中 ,打开 浏览 器 ,输入 http://127. 0. 0. 1/mypage. jsp 
可 以 看 到 网 页 的 输出 结果 。 
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内 置 对 象 是 由 开发 环境 所 定义 的 具有 特定 功能 的 对 象 ,用 户 可 以 直接 使 用 。 在 JSP 脚 
本 段 中 ,可 以 访问 这 些 隐 含 对 象 来 与 JSP 网 页 中 的 可 执行 Servlet 环境 交互 。JSP 中 主要 包 
含 的 内 置 对 象 有 : 

(1) request 对 象 ,作用 范围 为 整个 页 面 。 通 过 该 对 象 可 以 获取 客户 端的 输入 信息 。 可 
以 得 到 请 求 的 参数 .请 求 类 型 (GET、POST、HEAD 等 ) 以 及 HTTP headers (cookies、 
referer 等 ) 等 信息 。 这 是 一 个 javax. servlet. HttpServletRequest 对 象 。 

常用 的 方法 有 : getCookie() ,getHeadersO ,getAttributeO ,getMethodO .getParameter() 和 
getParameterName() 等 。 例 如 ,要 获取 一 个 网 页 的 userName 参数 的 值 ,代码 如 下 : 


< % String name = request. getParameter("userName"); out.println(name); %> 


通过 上 述 代码 可 以 获取 用 户 访问 网 页 时 传人 的 参数 值 , 包 括 页 面 中 Form 表单 中 各 个 
属性 域 的 值 。 例 如 ,在 网 页 a. htm 中 包含 一 个 表单 ,其 二 form 过 的 action 属性 指定 表单 处 
理 页 面 为 b. jsp, 在 b. jsp 中 ,可 以 通过 request. getParameter 方法 来 获取 a. htm 中 的 表单 
输入 数据 。 

(2) response, 作 用 范围 为 整个 页 面 。 它 的 作用 是 向 客户 端 返回 请 求 。 返 回 请 求 信 息 
时 ,输出 流 要 进行 缓存 。 它 是 一 个 javax. servlet. HttpServletResponse 对 象 。 

常用 的 方法 有 addCookieO ,addHeader() , sendError O fll sendRedirect() 等 。 

(3) out, 发 送 响 应 的 输出 流 , 作 用 是 将 结果 输出 到 客户 端 。 它 最 常用 的 方法 有 两 个 : 
print() 和 println() 。 输 出 换行 符 使 用 newLine() 方 法 。 

例如 ,不 用 表达 式 , 可 以 直接 访问 隐 含 对 象 out 来 输出 信息 。 


<% out.println("Hello"); %> 


注意 ,不 要 同 Java 中 的 System. out 对 象 混淆 。 

(4) session ,作用 范围 为 会 话 期 间 。Session 对 象 是 JSP 为 每 一 个 会 话 而 建立 的 个 人 对 
象 , 可 以 存储 及 提供 个 别 用 户 独 享 的 永久 或 半 永 久 信 息 。 它 是 一 个 与 request 相关 的 javax. 
servlet. http. HttpServletSession 对 象 。 

所 谓 会 话 (session) ,是 指 一 个 用 户 和 Web 服务 器 之 间 的 一 次 链接 。 当 用 户 使 用 浏览 器 
登录 到 Web 服务 器 ,并 初次 浏览 一 个 JSP 应 用 的 某 个 网 页 开始 ,直到 用 户 离开 网 站 或 超时 
未 继续 浏览 该 网 站 网 页 为 止 之 间 的 浏览 操作 算 作 一 次 会 话 (Session)。 

(5) application, 该 对 象 可 存储 并 提供 给 一 组 JSP 应 用 所 有 用 户 的 共享 信息 ,有 效 范围 
为 构成 该 JSP 应 用 的 所 有 JSP 页 面 。 一 般 情况 下 .可 以 将 Application 对 象 作为 一 个 存储 许 
多 共用 对 象 的 容器 ,这 是 一 个 javax. servlet. ServletContext 对 象 。 可 通过 getServletConfig()、 
getContext() 方 法 获得 。 

(6) config, 用 于 传递 在 Servlet 程序 初始 化 时 所 需 的 信息 。 

(7) pageContext, 该 对 象 提供 了 对 页 面 上 的 所 有 对 象 以 及 命名 空间 的 访问 ,用 于 管理 
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网 页 属性 。 

(8) page, 当 前 页 面 ,相当 于 Java 中 的 this; 

(9) exception, 错 误 处 理 对 象 ,用 于 处 理 捕捉 到 的 异常 。 

【 例 6-14] 编写 一 个 JSP 文档 ,完成 一 个 登录 界面 ,输入 用 户 名 和 密码 ,如 果 输 入 
guest 则 转移 到 一 个 默认 的 首页 ,如果 不 输入 用 户 名 , 则 重新 回 到 该 页 ,直到 输入 正确 的 用 
户 名 和 密码 ,此 时 重 定向 到 合法 的 网 页 。 

文档 (文档 名 login. jsp) 具 体内 容 如 下 : 


<!-- login. jsp --> 
<html> 
<head> 
<title>login</title> 
</head> 
<body> 
<s 
String userName = request. getParameter( "userName" ) ; 
if (userName! = null) { 
if (userName. equals("guest")) 
response. sendRedirect("http://www. sdu. edu. cn/"); 
else 
response. sendRedirect("http://gsl. sdu. edu. cn/"); 
) 
s> 
<div align = "center"> 
<center> 
<table border = "0" cellpadding = "0" width= "100 %" height = "100 % "> 
«tr 
<td width = "100 $ "> 
<table border = 2 cellspacing = 0 cellpadding = 0 width = 300 align = center> 
<form action = "login. jsp" method = "GET" > 
<tr height = 50> 
<td align = center style = "font - size; 20; font - weight; bold; color; # 
000075"> Hl P! XE 3& — /td-— 
[tr 
<tr><td style = "font- size;16" > H P! 4 < input type = text name = userName-— 
</td></tr> 
<tr><td style = "font ~ size;16"— 9f <input type = text name = userPassword> 
</td></tr> 
<tr><td align= center> input type = "submit" value = #R></td></tr> 
</form> 
</table> 
</td> 
x/[tr 
</table> 
</center> 
</div> 
</body> 
</html> 
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将 文件 保存 到 D:\MyJSP 文件 夹 中 ,在 浏览 器 地 址 栏 中 输入 : http://127. 0. 0. 1/ 
login. jsp ,执行 结果 如 图 6-8 所 示 。 


|Ha- >- OOA dmt uem meu i." 
地址) [e] tpiiiz7.0.0.1oons s] ORS || iR "|| search v noe 
El 


用 户 登 录 


用 户 名 fust 
18 [1253456 


图 6-8 一 个 JSP 文档 实现 的 登录 界面 


执行 该 程序 时 ,如果 是 第 一 次 执行 ,服务 器 首先 对 它 进 行 转换 、 编 译 形成 . class 字 节 码 
文件 ,接着 运行 该 文件 。 第 一 次 执行 该 文档 时 ,用 户 名 空 ,不 执行 开始 处 的 Java 代码 段 , 此 
时 输入 用 户 名 和 密码 , 单 击 “登录 ?按钮 ,提交 。 由 于 表单 的 action 属性 为 login. jsp, 即 登录 
页 面 文件 本 身 , 此 时 再 次 执行 该 文档 。 此 时 ,用 户 名 不 空 , 则 将 网 页 重 定向 到 其 他 网 页 。 如 
果 用 户 名 为 空 , 则 总 是 显示 该 网 页 。 

【 例 6-15】 编写 一 个 JSP 代码 ,显示 在 线 人 数 。 

首先 编写 一 个 统计 会 话 人 数 的 Java 类 ,代码 内 容 如 下 (文档 名 SessionCounter. java) : 


package pub; 
import javax. servlet. * ; 
import javax.servlet.http. * ; 
public class SessionCounter implements HttpSessionListener 
( 
private static int activeSessions - 0; 
public void sessionCreated(HttpSessionEvent se) 
( 
activeSessions*; 
} 
public void sessionDestroyed(HttpSessionEvent se) 
{ 
if (activeSessions — 0) 
activeSessions--; 
} 
public static int getActiveSessions() 
( 
return activeSessions; 
} 
} 


将 上 述 Java 类 文件 存储 在 Web 应 用 的 用 户 自 定义 类 文件 夹 classes 中 的 pub 包 ( 即 一 
个 子 文件 夹 pub) 中 , 即 存储 到 d:\MyJSP\WEB-INF\classes\ pub 中 ,然后 编译 该 文件 。 


编写 调用 该 SessionCounter. java 的 JSP 文档 ,文档 名 为 myonline. jsp ,内容 如 下 : 


<html> 

<head> 

</head> 

<body> 

< % @ page import = "pub.SessionCounter" & > 

在 线 人 数 : <% = SessionCounter.getActiveSessions() % > 
</body> 

</html> 


最 后 ,修改 d:\MyJSP\WEB-INF\web. xml, fE <web-app> + </web-app> Vj X$ Jm dl 
下 内 容 : 
二 !-- Listeners --> 
listener 
listener - class 
pub. SessionCounter 
— /listener - class> 
—/listener— 


664 在 JSP 中 使 用 JavaBean 


JavaBean 主要 应 用 于 JSP 网 页 中 ,通过 JavaBean 更 好 地 将 业务 多 辑 代 码 和 JSP 的 
HTML 标记 进行 分 离 ,便于 系统 的 维护 。 在 JSP 中 使 用 JavaBean 的 一 般 形 式 是 ， 


二 jsp:useBean id = "实例 名 " class = " 包 . 类 "scope = "page|request|session| application" /二 


其 中 ,id 指定 一 个 JavaBean 类 的 实例 名 ,如 果 这 个 实例 已 经 存在 ,将 直接 引用 这 个 实 
45], 如 果 这 个 实例 不 存在 ,将 通过 后 面 class 参数 中 的 定义 新 建 一 个 类 的 实例 。Class 参数 
设置 存储 JavaBean 的 路 径 和 类 的 名 称 ,例如 class— "cards. NameCard" , 则 表明 要 使 用 Web 
应 用 根 目录 中 “WEB-INF\classes\cards” 下 的 一 个 NameCard. class 文件 ,其 中 cards 是 包 
名 ,NameCard 为 JavaBean 对 应 的 Java 类 名 。Scope 用 于 定义 id 这 个 实例 存在 的 范围 , 事 
实 上 这 定义 了 这 个 实例 所 绑 定 的 区 域 及 其 有 效 范围 。 
(1) page 
这 个 JavaBean 将 存在 于 该 JSP 文件 以 及 此 文件 中 的 所 有 静态 包含 文件 中 ,直到 页 面 执 
行 完 毕 为 止 。 等 价 于 下 面 的 JSP 代码 : 
<% 
yourClass yourld; 
if (pageContext.getAttribute("yourId" PageContext.PAGE SCOPE)--null) 
i yourId = new yourClass(); 
pageContext. setAttribute("yourId", yourId, PageContext. PAGE_SCOPE) ; 
} 


else 


YourId = (yourClass)pageContext.getAttribute("yourId",PageContext.PAGE SCOPE); 
E 
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(2) request 


这 个 JavaBean 将 作为 一 个 对 象 绑 定 于 该 页 面 的 request 中 , 即 该 JavaBean 在 该 页 面 发 
出 的 请 求 中 有 效 , 等 价 于 下 面 的 JSP 代码 : 


<% 
yourClass yourld; 
if (pageContext.getAttribute("yourId",PageContext. REQUEST SCOPE)--null) 


{ 
yourld- new yourClassO ; 
pageContext. setAttribute(" yourId", yourId, PageContext. REQUEST SCOPE); 


) 


else 
YourId = (yourClass)pageContext. getAttribute("yourId",PageContext. REQUEST SCOPE); 


s> 


(3) session 


这 个 JavaBean 将 作为 一 个 对 象 绑 定 于 session 中 , 即 该 JavaBean 在 本 地 有 效 ,等 价 于 
下 面 的 JSP 代码 : 


<$% 
yourClass yourld; 
if (session.getAttribute("yourId")--null) 
1 
YourId = new yourClass(); 
session. setAttribute(" yourId", yourId); 


) 
else YourId = (yourClass)session. getAttribute("yourId"); 


s> 


(4) application 
这 个 JavaBean 将 作为 一 个 对 象 绑 定 于 application 中 , 即 该 JavaBean 在 本 应 用 中 有 效 ， 


等 价 于 下 面 的 JSP 代码 : 


<% 
yourClass yourId; 
if (application.getAttribute("yourId")--null) 


{ 
YourId = new yourClass(); 
application. setAttribute("yourId", yourId); 


} 
else YourId = (yourClass)application.getAttribute("yourId"); 


$> 
【 例 6-16] 编写 一 个 JSP 页 面 ,使 用 例 6-10 中 定义 的 JavaBean。 
在 JSP 中 调用 JavaBean 很 简单 ,下 面 代码 演示 了 例 6-10 中 定义 的 JavaBean 在 一 个 
JSP 文档 中 的 使 用 ,文件 名 为 mycard. jspb ,代码 清单 如 下 : 


<html> 
<body> 
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< % @ page language = "java" $& — 
—jsp:useBean id = "mycard" class = "cards. NameCard" scope = "application" /— 
<% 
mycard. setName( "Hao XW"); 
mycard. setAddress("No. 27 Shanda Southern Road, Jinan, China"); 
s> 
姓名 : <% = mycard. getName() % ><br> 
地 址 : <% = mycard. getAddress() % ><br> 
</body> 
</html> 


在 上 述 的 JSP 页 面 中 ,调用 了 一 个 JavaBean, Bl cards. NameCard。 将 上 述 JSP 文档 保 


存 到 Web 应 用 的 主 目录 下 ,然后 在 浏览 器 地 址 栏 中 输入 : http://127. 0. 0. 1/mycard. jsp. 
则 浏览 器 将 显示 运行 结果 。 


665 JDBC 与 数据 库 操作 


在 Web 应 用 中 ,几乎 都 使 用 到 了 数据 库 来 存储 和 管理 系统 数据 。Java 中 连接 数据 库 的 
技术 是 JDBC(Java Database Connectivity) ,通过 java. sql 包 中 的 类 ,接口 和 异常 事件 ,可 以 
对 数据 库 进行 操作 。JDBC 的 应 用 和 传统 的 ODBC(Open Database Connectivity, 开 放 数 据 
库 互 连 ) 完 全 类 似 。 

java. sql 包 定义 了 访问 数据 库 的 接口 和 类 ,但 是 JDBC API 不 能 直接 访问 数据 库 , 必 须 
依赖 于 数据 库 厂商 提供 的 针对 其 具体 的 数据 库 产品 的 JDBC 驱动 程序 。 大 多 数 的 数据 库 管 
理 系 统 都 带 有 和 Java 相配 的 JDBC 驱动 程序 ,Java 程序 通过 JDBC 驱动 程序 即 可 实现 与 数 
据 库 的 相连 ,执行 查询 .提取 数据 等 操作 。 使 得 Java 程序 能 访问 诸如 Oracle, Sybase, MS 
SQL Server, MS Access 和 MySQL 等 数据 库 。 要 使 用 某 种 数据 库 管 理 系统 ,必须 下 载 相应 
的 JDBC 数据 库 驱 动 程序 ,并 复制 到 用 户 系统 相应 的 文件 夹 中 , 即 : 用 户 系统 根 目 录 \WEB- 
INF\lib\。 


1.javasql & 


JDBC API 主要 位 于 java. sql 包 中 ,java. sal 包 定义 了 所 有 的 JDBC 应 用 相关 的 类 和 方 
法 ,常用 的 类 和 接口 是 : 

(1) java. sql. Driver 接口 和 java. sql. DriverManager 类 

DriverManager 类 用 来 建立 和 数据 库 的 连接 以 及 管理 JDBC 驱动 程序 ,常用 方法 包括 : 
registerDriver(Driver driver) : 在 DriverManager 中 注册 JDBC 驱动 程序 。 
getConnection (String url, String user. String pwd): 建立 和 数据 库 的 连接 ,返回 
Connection 对 象 。 
setLoginTimeOut(int seconds) : 设 定 等 待 数据 库 连 接 的 最 长 时 间 。 
。 setLogWriter(PrintWriter out): 设 定 输入 数据 库 日 志 的 PrintWriter 对 象 。 
(2) java. sql. Connection 类 


Connection 代表 和 数据 库 的 连接 ,其 常用 方法 如 下 : 
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getMetaDataO : 返回 数据 库 的 MetaData 数据 。MetaData 数据 包含 了 数据 库 的 相 
关 信 息 , 例 如 当前 数据 库 连 接 的 用 户 名 、 使 用 的 JDBC 驱动 程序 数据库 允许 的 最 大 
连接 数 、 数 据 库 的 版 本 等 等 。 
createStatement(): 创建 并 返回 Statement 对 象 。 
PrepareStatement(String sql): 创建 并 返回 PrepareStatement 对 象 。 

在 实际 应 用 中 ,我 们 会 遇 到 同时 提交 多 个 SQL 语句 ,这 些 SQL 语句 要 么 全 部 成 功 ,要 
么 全 部 失败 ,如 果 其 中 一 条 提交 失败 , 则 必须 撤销 整个 事务 。 为 此 ,Connection 类 还 提供 了 
3 个 控制 事务 的 方法 : 

e setAutoCommit(boolen autoCommiO ; 设置 是 否 自动 提交 事务 ,默认 为 自动 提交 。 

* commitO ; 提交 事务 。 

* rollbackO : 撤销 事务 。 

(3) java. sql. Statement 

Statement 用 来 执行 静态 SQL 语句 。 例 如 ,对 于 insert, update, delete 语句 ,调用 
executeUpdate(String sql) 方 法 ,而 select 语句 可 以 调用 executeQuery (String sql) 方 法 ， 
executeQuery(String sql) 方 法 返回 ResultSet 对 象 。 

(4) java. sql. PrepareStatement 

PrepareStatement 用 于 执行 动态 的 SQL 语句 , 即 允 许 SQL 语句 中 包含 参数 。 使 用 方 
法 为 : 

String sql = "select coll from tablename where col2 - ? And col3= ?"; 

PrepareStatement perpStmt = conn. preparestatement(sql); 

perpStmt.setstring(1,col2Value); 


perpStmt.setFloat(2,col3Value); 
ResultSet rs = perpStmt. executeQuery() ; 


(5) java. sql. ResultSet 

ResultSet 用 来 表示 select 语句 查询 得 到 的 记录 集 , 一 个 Statement 对 象 在 同一 时 刻 只 
能 打开 一 个 ResultSet 对 象 。 通 过 ResultSet 的 getXXX() 方 法 来 得 到 字段 值 。ResultSet 
提供 了 getString() .getFloatO ,getInt() 等 方法 。 可 以 通过 字段 的 序号 或 者 字段 的 名 字 来 
指定 获取 某 个 字段 的 值 。 例 如 ,在 上 例 中 getString (0)、getString (coll) 都 可 以 获得 字段 
coll 的 字符 串 值 ,通过 Interger 对 象 可 以 将 字符 串 值 转换 为 整数 。 


2 在 JSP 页面 中 访问 数据 库 


JSP 工作 在 三 层 结构 的 中 间 层 ,主要 的 功能 是 接受 客户 的 请 求 ,然后 从 数据 库 服 务 器 获 
得 信息 ,然后 以 HTML 的 形式 返 给 客户 浏览 器 。 下 面 举例 说 明 JSP 访问 Microsoft SQL 
Server 2005 数据 库 的 过 程 。 

【 例 6-17] 浏览 网 站 留言 数据 库 gsl_messageboard。 

设 在 Web 应 用 系统 中 有 一 个 留言 板 ,供用 户 对 站 点 进行 留言 ,管理 员 可 以 查看 用 户 留 言 
并 回复 ,用 户 可 以 查看 留言 及 站 点 管理 员 对 留言 的 回复 。 留 言 板 数据 库 为 gsl_ messageboard, 

(1) 在 Microsoft SQL Server 中 ,建立 数据 库 gsl_ messageboard. 包含 一 个 数据 表 
messageboard ,结构 定义 如 图 6-9 所 示 。 
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图 6-9 留言 板 数据 库 messageboard 数据 表 结 构 定 义 


(2) 在 Web 应 用 根 目录 下 ,创建 相应 的 目录 结构 , 即 在 Web 应 用 根 目录 下 创建 WEB- 
INF\ 文 件 夹 ,在 WEB-INF 下 分 别 创建 classes 子 文件 夹 和 lib 子 文件 夹 ,classes 文件 夹 存 
储 用 户 定义 的 类 ,lib 文件 夹 存储 应 用 系统 所 需要 的 驱动 程序 包 . jar 文件 。 

在 WEB-INF\classes 文件 夹 下 ,可 以 进一步 再 定义 一 些 子 文件 夹 ( 即 用 户 包 ), 用 于 存 
储 用 户 定义 的 Java 类 、JavaBean 源 文 件 和 . class 文件 ,例如 ,定义 WEB-INF\classes\pub 文 
件 夹 下 ,存储 关于 数据 库 操作 的 JavaBean。 

同时 ,还 需要 将 SQL Server 2005 jdbc 驱动 sqljjdbc. jar 放置 到 用 户 系 统 的 lib 文件 夹 
中 , 即 Web 应 用 根 目录 下 的 WEB-INF\lib 文件 夹 下 ,该 驱动 程序 可 以 从 网 上 查找 并 下 载 。 
最 后 ,在 系统 环境 变量 的 classpath 中 添加 驱动 所 在 的 目录 ,在 classpath 设置 的 后 面 ,添加 
下 面 的 路 径 : 用 户 系统 所 在 的 驱动 器 : 根 目录 \WEB-INF\lib\, 例 如 : d:\mygpms\WEB- 
INF\lib\。 

(3) 在 WEB-INF\classes\ pub 文件 夹 下 ,创建 一 个 名 为 db_gsl_messageboard. java 的 
文件 ,定义 一 个 JavaBean, 封 装 有 关 数 据 库 gsl_messageboard 操作 中 的 数据 库 连 接 、 查 询 、 
数据 更 新 以 及 断 开 数 据 库 连接 操作 ,内 容 如 下 : 


package pub; 
import java. sql. * ; 
public class db gsl messageboard 
( 
String sConnStr = "jdbc:sqlserver://localhost:1433;DatabaseName = gsl messageboard"; 
String sDBDriver = "com. microsoft. sqlserver. jdbc. SQLServerDriver"; 
String strUser - "sa"; 
String strPassword - "sa"; 
Connection conn - null; 
public ResultSet rs - null; 
private java.sql.Statement stmt = null; 
// 定义 类 的 默认 构造 函数 
public db gsl messageboard() 
( 
try { // 加 载 数据 库 驱动 程序 (Microsoft SQL Server 2005) 
Class. forName(sDBDriver).newInstance(); 
) 
catch (Exception e) 
{ 
System.err.println("db gsl messageboard(): ”+ e.getMessageO); 
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} 
// 定义 类 的 查询 方法 
public ResultSet executeQuery(String sql) 
{ 
rs = null; 
try { 
conn - DriverManager.getConnection(sConnStr, strUser, strPassword); 
Statement stmt - conn.createStatement(ResultSet. TYPE SCROLL INSENSITIVE, 
ResultSet.CONCUR READ ONLY); 
rs = stmt.executeQuery(sq1); 
) 
catch(SQLException ex) 
1 
Systen. err.println("aq.executeQuery; " * ex.getMessage()); 
) 
return rs; 
) 
// 定义 类 的 更 新 数据 记录 方法 
public int executeUpdate(String sql) 
{ 
int returnVal = - 999; 
try ( 
conn = DriverManager.getConnection(sConnStr, strUser, strPassword); 
Statement stmt - conn.createStatement(ResultSet. TYPE SCROLL SENSITIVE, 
ResultSet. CONCUR UPDATABLE) ; 
returnVal - stmt.executeUpdate(sq1); 
) 
catch(SQLException ex) 
{ 
System. err. println("aq. executeUpdate: 
} 


return returnVal; 


+ ex.getMessage()); 


} 
// 定义 类 的 断 开 数 据 库 方法 
public void disconnectToDB() throws java. sql. SQLException 
{ 
if(rs! = null) 
( 
rs.closeO; 
rs - null; 
} 
if(stmt! = null) 
{ 
stmt. close(); 
stmt = null; 
) 
if(conn! - null) 
( 
conn. close(); 
conn - null; 
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} 


当 上 述 文 件 编 辑 完 成 后 ,将 db_gsl_messageboard. java 文件 保存 ,编译 , 则 在 Web 应 用 
根 目录 下 的 WEB-INF\classes\pub 文件 夹 下 生成 db_gsl_messageboard. class 文件 ,该 
JavaBean 的 . class 文件 即 可 在 JSP 页 面 中 被 调用 。 

(4) 使 用 JavaBean。 首 先 , 编 辑 一 个 JSP 页 面 文件 mesaageboardview. jsp, 在 JSP 中 调 
用 以 上 编译 好 的 JavaBeans, 其 内 容 如 下 : 


< & (à) page contentType = "text/html;charset = GBK" & > 
— * @ page language = "java" import = "java. sql. * " % > 
< & @ page session = "true" % > 
< jsp:useBean id = "myDBconn" scope = "page" class = "pub.db gsl messageboard" /> 
<$! 
ResultSet rs = null; 
s> 
<html> 
<% request.setCharacterEncoding("GBK"); % > 
<body> 
<$% 
// 获取 数据 库 中 数据 表 messageboard 的 记录 
ResultSet RS = myDBconn.executeQuery ("SELECT * FROM messageboard"); 
s> 
<% | private int num=1; %> 
<table border = "1"> 
<tr align = "center"> 
<td>No. </td> <td>Title</td><td>Message</td> <td>Message Date</td><td> 
Author</td> 
<j> 
<% 
try 
{ 
while (RS. next()) 
{ // 输出 数据 表 中 的 所 有 记录 
out. print("— tr"); 
out.print("-— td align = center>" + num + "— /td ^"); 
out.print("-— td" + RS.getString("title") * "— /td"); 
out.print("-— td" + RS.getString("message") * "— /td ^"); 
out.print("- td" + RS.getString("messagedate") + "— /td ^"); 
out.print("-— td" + RS.getString("author") * "— /td ^"); 
out. print(" /tr"); 
numt*; 


} 
catch(Exception ex) 
{ 
out. print(ex. getMessage()); 
} 
finally 
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rs- null; 
myDBconn. disconnectToDB(); 
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图 6-10 数据 库 浏览 列表 界面 


在 Web 开发 中 ,对 数据 库 的 访问 通常 被 定义 为 一 个 JavaBean, 这 样 可 以 更 好 地 实现 业 
FHA JSP 中 HTML 代码 的 分 离 , 同 时 也 便于 系统 的 维护 ,例如 数据 库 升级 后 ,原先 的 
数据 库 访问 语句 可 能 不 兼容 。 


666 JSP 与 图 形 


经 常 看 到 网 页 上 显示 各 种 各 样 的 图 形 , 如 : 各 种 统计 图 、 股 市 行情 等 。 它 们 根据 数据 的 
变化 来 不 断 地 更 新 图 形 ,如 何 实现 图 形 的 绘制 呢 ? 


1.javaawt 包 


java. awt 包 是 抽象 窗口 工具 集 (Abstract Window Toolkit,AWT) ,实现 了 可 以 跨 平 台 
的 图 形 用 户 界面 组 件 ,可 用 于 Java 的 applet 和 applications 中 ,是 Java 图 形 用 户 界 面 编程 
的 主要 工具 。 它 支持 图 形 用 户 界面 编程 的 功能 ,包括 用 户 界面 组 件 ; 图 形 和 图 像 工 具 , 包 括 
形状 .颜色 和 字体 类 ; 布局 管理 器 ,可 以 进行 灵活 的 窗口 布局 而 与 特定 窗口 的 尺寸 和 屏幕 分 辨 
率 无 关 ; 数据 传送 类 ,可 以 通过 本 地 平台 的 剪贴 板 来 进行 剪 切 和 粘贴 ; 事件 处 理 模 型 等 。 

java. awt 包 中 提供 了 GUI 设计 所 使 用 的 类 和 接口 ,可 分 为 组 件 (Component)、 容 器 
(Container) 和 布局 管理 器 (LayoutManager) 三 个 方面 ,主要 的 类 和 它们 之 间 的 关系 如 图 6-11 
所 示 。 
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图 6-11 java. awt 包 类 结构 图 


(1) 组 件 

组 件 (Component) 是 Java 的 图 形 用 户 界面 的 最 基本 组 成 部 分 ,是 一 个 可 以 以 图 形 化 的 
方式 显示 在 屏幕 上 并 能 与 用 户 进行 交互 的 对 象 , 例 如 一 个 按钮 .一 个 标签 等 。 组 件 不 能 独立 
地 显示 出 来 ,必须 将 组 件 放 在 一 定 的 容器 中 才 可 以 显示 出 来 。 

类 java. awt. Component 是 许多 组 件 类 的 父 类 ,Component 类 中 封装 了 组 件 通用 的 方 
法 和 属性 ,如 图 形 组 件 对 象 的 大 小 .显示 位 置 . 前 景色 和 背景 色 .边界 .可 见 性 等 ,因此 许多 组 
件 类 也 就 继承 了 Component 类 的 成 员 方法 和 成 员 变 量 ,相应 的 成 员 方 法 包括 : 


getComponentAt(int x. int y) 
getFont() 

getForeground() 

getName() 

getSize() 

paint(Graphics g) 

repaint() 

update) 

setVisible(boolean b) 
setSize(Dimension d) 


setName( String name) 等 


(2) 容器 

容器 java. awt. Container 是 Component 的 子 类 ,因此 容器 本 身 也 是 一 个 组 件 , 具 有 组 
件 的 所 有 性 质 ,但 是 它 的 主要 功能 是 容纳 其 他 组 件 和 容器 。 一 个 容器 可 以 容纳 多 个 组 件 ,并 
使 它们 成 为 一 个 整体 。 

使 用 容器 可 以 简化 图 形 化 界面 的 设计 ,以 整体 结构 来 布置 界面 。 所 有 的 容器 都 可 以 通 
过 add() 方 法 向 容器 中 添加 组 件 。 有 三 种 类 型 的 容器 : Window、Panel、ScrollPane, 常 用 的 
类 有 Frame, Panel, Applet, 


java. awt. Frame 类 : Frame 类 是 java. awt. Window 的 子 类 ,要 生成 一 个 窗口 ,通常 
是 用 Window 的 子 类 Frame 来 进行 实例 化 ,而 不 是 直接 用 到 Window 类 。Frame 的 
外 观 类 似 于 在 Windows 操作 系统 下 见 到 的 窗口 .有 标题 ,边框 .菜单 、 大 小 等 等 。 每 
个 Frame 的 对 象 实例 化 以 后 ,都 是 没有 大 小 和 不 可 见 的 ,因此 必须 调用 setSize( ) 来 
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设置 大 小 ,调用 setVisible(true) 来 设置 该 窗口 为 可 见 的 。 

* java. awt. Panel 类 : 一 个 java. awt. Panel 对 象 隶属 于 一 个 窗口 或 框架 对 象 , Panel 
确定 一 个 四 边 形 ,其 他 组 件 可 以 放 入 其 中 。Panel 必须 放 在 Window 之 中 (或 
Window 的 子 类 中 ) 以 便 能 显示 出 来 。 

【 例 6-18] AWT 编程 举例 。 
下 面 代码 演示 了 利用 java. awt. Frame 和 java. awt. Panel 编写 GUI 界面 的 情况 。 
import java.awt. * ; 

public class FrameWithPanel extends Frame 

{ 

public FrameWithPanel(String str) 
{ 
super(str); 
) 
public static void main(String args[ ]) 
{ 
FrameWithPanel fr = new FrameWithPanel("Hi"); 
Panel pan = new Panel(); 
fr.setSize(200,200); 
fr. setBackground(Color. red) ; // 框 架 £x 的 背景 颜色 设置 为 红色 
fr. setLayout(null); // 取 消 布 局 管理 器 
pan. setSize(100,100); 
pan. setBackground(Color. yellow); // 设 置 面板 pan 的 背景 颜色 为 黄色 
fr.add(pan); // 用 add 方法 把 面板 pan 添加 到 框架 fr 中 
fr.setVisible(true); 
) 
) 


需要 说 明 的 是 ,AWT 在 实际 的 运行 过 程 中 是 调用 所 在 平台 的 图 形 系 统 , 因 此 同样 一 段 
AWT 程 序 在 不 同 的 操作 系统 平台 下 运行 所 看 到 的 图 形 系 统 是 不 一 样 的 。 例 如 ,在 
Windows 下 运行 , 则 显示 的 窗口 是 Windows 风格 的 窗口 ; 而 在 UNIX 下 运行 时 , 则 显示 的 
是 UNIX 风格 的 窗口 。 

(3) 布局 管理 器 (Layout Manager) 

Java 为 了 实现 跨 平 台 的 特性 并 且 获 得 动态 的 布局 效果 ,将 容器 内 的 所 有 组 件 安排 给 一 
个 “布局 管理 器 ”负责 管理 ,如 将 排列 顺序 ,组 件 的 大 小 、 位 置 , 当 窗口 移动 或 调整 大 小 后 组 件 
如 何 变化 等 功能 授权 给 对 应 的 容器 布局 管理 器 来 管理 ,而 不 使 用 直接 设置 组 件 位 置 和 大 小 
的 方式 。 每 个 容器 都 有 一 个 布局 管理 器 , 当 容 器 需要 对 某 个 组 件 进行 定位 或 判断 其 大 小 尺 
才 时 ,就 会 调用 其 对 应 的 布局 管理 器 。 

不 同 的 布局 管理 器 使 用 不 同 算法 和 策略 ,容器 可 以 通过 选择 不 同 的 布局 管理 器 来 决定 
布局 。 布 局 管理 器 主要 包括 的 类 有 : FlowLayout, BorderLayout, GridLayout, CardLayout, 
GridBagLayout。 关 于 这 些 类 的 详细 说 明 略 。 

在 程序 中 安排 组 件 的 位 置 和 大 小 时 ,应 该 注意 以 下 两 点 : 

第 一 ,容器 中 的 布局 管理 器 负责 各 个 组 件 的 大 小 和 位 置 , 因 此 用 户 无 法 在 这 种 情况 下 设 
置 组 件 的 这 些 属性 。 如 果 试 图 使 用 Java 语言 提供 的 setLocation() ,setSizeO 、setBounds() 
等 方法 , 则 都 会 被 布局 管理 器 覆盖 o 
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第 二 ,如 果 用 户 确 实 需要 亲自 设置 组 件 大 小 或 位 置 , 则 应 取消 该 容器 的 布局 管理 器 , 方 
法 为 : setLayoutCnull) 。 


2. javaxswing & 


Java 扩展 包 javax. swing 是 新 的 图 形 界面 类 库 , 它 继承 了 java. awt 包 , 提 供 了 多 种 图 形 
界面 组 件 ,Swing 中 包含 了 像 标签 页 .表格 、 树 、 特 殊 边框 征调 等 各 种 新 组 件 。Swing 中 支 
持 可 插入 观感 (Pluggable look and feel , PL&-F) ,支持 用 户 定制 桌面 ,更 换 新 的 颜色 方案 ， 
让 窗口 系统 适应 特定 的 用 户 习 惯 和 需要 。Swing PL&F 体系 结构 使 得 同时 定制 Swing £z 
件 或 控件 组 更 加 容易 。 

javax. swing 包 中 定义 了 大 量 的 类 和 接口 ,常用 的 类 和 接口 有 : 


. 


. 


javax. swing ,提供 保证 在 任何 平台 上 都 有 相同 行为 和 表现 的 一 套 轻 量 级 组 件 。 
javax. swing. border, 提 供 在 Swing 组 件 周 围 绘制 特殊 边界 的 类 集合 和 接口 。 

javax. swing. colorchooser, 包 含 能 够 被 JcolorChooser 组 件 所 使 用 的 类 和 接口 集合 。 
javax. swing. event ,提供 能 够 被 Swing 组 件 所 触发 的 事件 集 。 

javax. swing. filechooser, 包 含 能 够 被 JFileChooser 组 件 所 使 用 的 类 和 接口 集合 。 
javax. swing. plaf ,提供 一 个 接口 和 很 多 抽象 类 ,用 于 为 Swing 提供 可 插入 的 look- 
and-feel 能 力 。 

javax. swing. table, 提 供 处 理 javax. swing. Jtable 的 类 和 接口 集合 。 

javax. swing. tree. fit (IE E Fl javax. swing. Jtree 的 类 和 接口 集合 。 

javax. swing. text, 提 供 处 理 可 编辑 的 和 不 可 编辑 的 文本 组 件 的 类 和 接口 集合 ,支持 
文档 的 显示 和 编辑 。 

javax. swing. text, html, 提 供 HTMLEditorKit 类 和 支持 创建 HTML 文本 编辑 器 的 
支持 类 集合 ,支持 显示 和 编辑 HTML 文件 。 

javax. swing. text. html. parser, 提 供 默认 的 HTML 解析 器 和 相应 的 支持 类 。 

javax. swing. text. rtf. 提供 一 个 用 于 创建 Rich-Text-Format 文本 编辑 器 的 
RTFEditorKit 类 ,支持 显示 和 编辑 RTF 文件 。 

javax. swing. undo ,为 诸如 文本 编辑 器 一 类 的 应 用 提供 重复 和 撤销 操作 能 力 。 


3. 使 用 JavaBean 和 JSP 在 网 页 上 绘制 图 形 


在 网 页 中 ,如 果 要 显示 一 幅 变化 的 图 形 , 可 以 将 图 形 的 绘制 用 JavaBean 来 完成 ,生成 一 
幅 JPG 图 片 。 然 后 ,在 JSP 页 面 中 调用 上 述 JavaBean, 再 通过 HTML 中 的 一 img 过 标记 来 
显示 该 图 片 。 下 面 我 们 通过 例子 介绍 在 JSP 上 绘制 和 显示 图 形 的 方法 。 

【 例 6-19] 利用 JSP 十 JavaBean 绘制 和 在 网 页 上 显示 图 形 。 

利用 JSP 十 JavaBean 在 网 页 上 绘制 图 形 的 一 般 步 骤 是 : 

CD 在 用 户 系统 根 目录 下 的 WEB-INF\ classes 文件 夹 下 ,创建 一 个 子 文件 夹 , 例 如 
pub, 即 定义 一 个 包 pub, 用 于 存储 有 关 图 形 绘制 的 类 和 JavaBeans. 

(2) 在 pub 文件 夹 下 ,新 建 一 个 用 来 生成 jpg 文件 的 Java Bean, 文 件 名 为 ChartGraphl 
.java, 代 码 清单 如 下 : 


package pub; 
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// 生 成 图 片 的 Java Bean 
import java. io. * ; 
import java.util. * ; 
import com. sun. image. codec. jpeg. * ; 
import java.awt. image. * ; 
import java.awt. * ; 
public class ChartGraphl 
{ 
BufferedImage image; 
public void createImage(String fileLocation) 
{ 
try { 
FileOutputStream fos = new FileOutputStream(fileLocation); 
BufferedOutputStream bos - new BufferedOutputStream(fos); 
JPEGImageEncoder encoder - JPEGCodec. createJPEGEncoder( bos) ; 
encoder. encode( inage) ; 
bos.closeO; 
) catch(Exception e) { 
Systen. out. println(e); 
) 
) 
public void graphicsGeneration(int data[ ][ ], int groupnuns, String filename) 
{ 


int imageWidth = 720; // 图 片 的 宽度 

int imageHeight = 230; // 图 片 的 高 度 

int columnWidth = 20; // 柱 的 宽度 

int columnHeight = 230; // 柱 的 最 大 高 度 

int x= 4,i=0; 

int bili-1; // 定 义 图 形 的 绘制 比例 


// 计算 data 中 的 最 大 数 , 这 里 假设 为 100 
int maxnum = 100; 
if(imageHeight/maxnum--0) 

bili-1; 
else 


bili = imageHeight/maxnum; ”// 实 际 值 在 图 中 的 比例 大 小 


ChartGraphics chartGraphics = new ChartGraphics(); 
chartGraphics. image = new BufferedImage(imageWidth, imageHeight, 
BufferedImage. TYPE INT RGB); 
Graphics graphics = chartGraphics. image. getGraphicsO ; 
graphics. setColor(Color. white); 
graphics. fillRect(0, 0, imageWidth, imageHeight); 
// graphics. drawRect(0, 0, imageWidth - 1, imageHeight - 1); 
for(i = 0;i-cgroupnums; i++) 
{ 
graphics. setColor(Color. red); 
graphics. fillRect(x+ (i+ 1) * columnWidth, columnHeight - data[i][0] * 2, columnWidth, 
data[ ][0]* 2); 


x= x+ columnWidth; 

graphics. setColor(Color. pink); 

graphics. fillRect(x+ (i+ 1) * columnWidth, columnHeight - data[i][1]* 2, columnWidth, 
data[ i]1]*25; 


x=x+ colunnWidth; 

graphics. setColor(Color.blue); 

graphics. fillRect(x- (i+ 1) * columnWidth, columnHeight ~ data[ i][2] * 2, columnWidth, 
data[ i]2]* 2; 


x= x + columnWidth; 
) 
chartGraphics. createImage(" d; WGSL3. OV chart WV" + filename + ". jpg"); 
) 
) 


说 明 : 类 ChartGraphl 包含 两 个 成 员 函 数 ,一 个 用 于 创建 文件 , 另 一 个 用 于 图 形 绘制 。 
绘制 的 图 形 文 件 扩展 名 为 . jpg, 并 被 存储 在 指定 的 文件 夹 中 , 供 网 页 文件 调用 。 

根据 系统 的 功能 ,要 绘制 不 同 的 图 形 , 只 需要 修改 graphicsGeneration 函数 及 其 参数 即 
可 ,本 例 中 绘制 了 五 组 柱状 图 形 , 每 一 组 由 三 个 并 列 的 不 同 颜 色 的 巨型 块 组 成 。 

(3) 要 绘制 图 形 ,需要 传人 相应 的 图 形 数据 。 图 形 数据 通常 来 源 于 数据 库 ( 例 如 统计 结 
果 的 图 形 绘制 ) ,也 可 能 来 源 于 一 些 文本 文件 ,或 者 是 直接 生成 的 数据 。 为 了 更 好 地 将 数据 
的 获取 和 图 形 的 显示 分 离 , 可 以 将 数据 获取 定义 为 一 个 JavaBean 。 

在 pub 文件 夹 下 ,编写 一 个 读 取 数 据 的 JavaBean 类 GetData, 根 据 不 同 的 数据 来 源 , 读 
取 数 据 的 JavaBean 不 同 ,但 都 包含 一 个 读 取 数 据 的 函数 ,该 函数 的 返回 值 通常 是 一 个 一 维 
数组 或 多 维 数组 ,用 于 返回 读 取 的 数据 。 

类 GetData 定义 的 一 般 形 式 如 下 (文件 名 GetData. java) : 


package pub; 
import java.io. * ; 
public class GetData 
{ 
int mydatas[] = new int[5]; 
public int[] getDatasO — // 函数 的 返回 类 型 为 整数 数组 ,返回 读 取 的 数据 
{ 
try ( 
RandomAccessFile randomAccessFile = new RandomAccessFile( "d: VV GSL3. OV mydata. 
txt","r"); 
for (int i=0;i<5;i++) 
{ 
mydatas[i] = Integer.parseInt(randomAccessFile. readLine()); 
) 
) 
catch(Exception e) 
{ 
System. out. println(e); 
) 
return mydatas; 
) 
) 


E38 JavaBean 从 文本 文件 C: NNGSL3. 0\\mydata. txt 中 读 取 图 形 绘制 所 用 的 数据 。 
文件 mydata. txt 是 一 个 文本 文件 ,包含 五 行 ,每 行 一 个 整数 。 
(4) 在 Web 应 用 根 目 录 下 ,编写 一 个 JSP 文档 ,来 调用 图 形 绘制 的 Java 类 ,实现 在 网 页 
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中 的 图 形 显示 。 设 网 页 文件 名 为 chartview. jsp。mychart. jsp 代码 清单 如 下 : 


< % @ page contentType = "text/html;charset = GBK" % > 
<% @ page import = "java.util. * " $ > 

<jsp:useBean id = "cgl" class = "pub. ChartGraphl" /> 
<jsp:useBean id = "myData" class = "GetData"/> 


ES 
// int mydataary[] = new int[5]; // 定义 一 个 存储 图 形 数 据 的 数组 , 保存 获取 数据 Java 类 的 
public int[] // getDatas() 方 法 的 返回 值 , 该 数组 将 作为 实际 参数 传人 图 形 


// 绘制 类 相应 的 方法 中 
int[][] mydata = new int[5][3]; —// 本 例 中 的 图 形 绘制 ,需要 使 用 一 个 二 维 数组 存储 图 形 数据 


int groupnums = 5; // 输出 一 组 柱状 图 ,每 组 为 三 个 

Random RdmNumber = new RandomO ; — // 生成 随机 数 

s> 

<$ 

// mydataary = myData. getDatas(); 通过 JavaBean 读 取 图 形 数据 (一 维 数组 ) 

for(int i= 0;i<5;it+) // 为 简化 方便 ,本 例 中 的 图 形 数据 是 随机 生成 的 ,未 使 用 myData 


for(int j= 0;j<3;j++) 
mydata[i][j]= RdmNumber. nextInt(100); 

// 调用 JavaBean 生成 图 形 文件 mychart_1. jpg 
cgl.graphicsGeneration(mydata, groupnums, "mychart_1"); 
$> 
<html> 
<body bgcolor = " # AFC4ED" leftmargin = "0" topmargin = "0"> 
<img src = ".. /chart/mychart_1. jpg" > 
</body> 
</html> 


在 上 述 chartview. jsp 文件 中 ,为 了 简化 代码 ,我 们 通过 生成 随机 数 对 象 为 图 形 绘制 生 
成 数据 ,并 没有 使 用 我 们 定义 的 读 取 数 据 的 JavaBean 类 GetData。 之 所 以 讲解 类 GetData， 
是 为 了 使 大 家 对 图 形 绘制 .图 形 数 据 获 取 有 一 个 一 般 性 的 逻辑 上 的 认识 。 

此 外 ,根据 绘制 的 图 形 不 同 , 保 存 图 形 数据 所 使 用 的 数据 结构 也 不 相同 。 在 本 例 中 ,为 
了 绘制 一 组 柱状 图 ,使 用 了 一 个 二 维 数组 mydata。 但 是 ,在 本 例 的 GetData 类 的 定义 中 ,我 
们 使 用 的 是 一 个 一 维 数组 ,这 是 由 需要 绘制 的 图 形 决定 的 。 我 们 讲解 这 些 不 同 的 方法 的 目 
的 是 使 大 家 对 Java 中 的 数组 有 个 比较 全 面 的 了 解 ,以 便 在 以 后 的 项 目 开发 中 应 用 。 

(5) 运行 

运行 上 述 chartview. jsp ,显示 如 图 6-12 所 示 。 


6-12 JSP 页 面 中 图 形 绘制 与 输出 页 面 


第 6 章 ”服务 端 开发 


除了 使 用 上 述 的 方法 外 ,还 可 以 使 用 一 些 图 表 控件 ,如 Jfreechart 等 ,并 基于 这 个 控件 
开发 自己 的 JavaBean, 采 用 开发 的 JavaBean, 可 以 将 一 些 走势 图 生成 JPG 文件 ,然后 在 自己 
的 网 页 里 面 调用 它 , 从 而 可 以 用 来 显示 各 种 走势 图 。 


67 MVC 设 计 模 式 


实现 软件 系统 的 解 耦 是 软件 设计 人 员 和 孜孜 以 求 的 目标 , 它 对 于 保证 系统 的 可 维护 性 、 可 
扩展 性 和 开放 性 有 着 重要 的 意义 。 在 Web 开发 中 ,主要 的 设计 模式 就 是 采用 MVC 设计 模 
型 , 即 : 模型 -视图 -控制 模型 ,从 而 将 整个 Web 应 用 分 成 界面 表现 ,业务 迎 辑 和 控制 三 个 层 
次 ,从 而 保证 系统 更 好 的 可 维护 性 。 


671 MVC 设 计 思 想 


模型 -视图 -控制 (Model-View-Controller . MVC) 软 件 设 计 模 式 产 生 于 20 世纪 70 年 
代 。 近 年 来 , 随 着 J2EE 的 成 熟 , 它 正在 成 为 在 J2EE 平台 上 推荐 的 一 种 设计 模型 ,成 为 广大 
Java 开发 者 非常 感 兴趣 的 设计 模型 。 随 着 网 络 应 用 的 快速 增加 ,MVC 模式 对 于 Web 应 用 
的 开发 无 疑 是 一 种 非常 先进 的 设计 思想 ,无 论 选择 哪 种 开发 语言 ,无论 应 用 多 么 复杂 ,MVC 
都 能 为 开发 人 员 理 解 分 析 应 用 模型 时 提供 最 基本 的 分 析 方法 ,为 软件 系统 设计 提供 清晰 的 
设计 框架 ,为 软件 开发 提供 规范 的 依据 。 


1. MVC 模型 


MVC 设计 思想 将 整个 软件 系统 分 成 三 个 部 分 , 即 : 模型 (Model) 、 视 图 (View) 和 控制 
(Controller) 。 每 个 部 分 完成 系统 相应 的 功能 ,最 大 限度 地 将 业务 迎 辑 .界面 表现 进行 分 离 ， 
以 保证 系统 的 可 维护 性 。 

CD 视图 (View) 

视图 代表 用 户 交 互 界面 ,对 于 Web 应 用 来 说 ,可 以 概括 为 HTML 界面 , 即 网 页 。 随 着 
应 用 的 复杂 性 和 规模 性 ,界面 的 处 理 也 变 得 具有 挑战 性 。 一 个 应 用 可 能 有 很 多 不 同 的 视图 ， 
MVC 设计 模式 对 于 视图 的 处 理 仅 限于 视图 上 数据 的 采集 和 处 理 ,以 及 用 户 的 请 求 ,而 不 包 
括 在 视图 上 的 业务 流程 的 处 理 。 业 务 流程 的 处 理 交 予 模型 (Model) 处 理 。 比 如 一 个 订单 的 
视图 只 接受 来 自 模型 的 数据 并 显示 给 用 户 , 以 及 将 用 户 界面 的 输入 数据 和 请 求 传递 给 控制 
和 模型 。 

(2) 模型 (Model) 

模型 就 是 业务 流程 /状态 的 处 理 以 及 业务 规则 的 制定 。 业 务 流 程 的 处 理 过 程 对 其 他 层 
来 说 是 暗箱 操作 ,模型 接受 视图 请 求 的 数据 ,并 返回 最 终 的 处 理 结果 。 业 务 模型 的 设计 可 以 
说 是 MVC 最 主要 的 核心 。 目 前 流行 的 EJB 模型 就 是 一 个 典型 的 应 用 例子 , 它 从 应 用 技术 
实现 的 角度 对 模型 做 了 进一步 的 划分 ,以 便 充分 利用 现 有 的 组 件 , 但 它 不 能 作为 应 用 设计 模 
型 的 框架 。 

在 MVC 设计 模式 中 ,模型 对 应 于 用 户 的 业务 逻辑 ,因此 ,业务 模型 的 设计 是 系统 设计 
人 员 的 重要 任务 。 在 业务 模型 的 设计 中 ,需要 将 应 用 的 模型 按 一 定 的 规则 抽取 出 来 。 抽 取 
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的 层次 很 重要 ,抽象 与 具体 不 能 隔 得 太 远 , 也 不 能 太 近 。MVC 并 没有 提供 模型 的 设计 方 
法 ,而 只 要 求 组 织 管理 这 些 模 型 ,以 便于 模型 的 重 构 和 提高 重用 性 。 

业务 模型 还 有 一 个 很 重要 的 模型 就 是 数据 模型 。 数 据 模型 主要 指 实体 对 象 的 数据 保存 
(持续 化 ) ,比如 将 一 张 订单 保存 到 数据 库 , 从 数据 库 获 取 订 单 。 我 们 可 以 将 这 个 模型 单独 列 
出 ,所 有 有 关 数 据 库 的 操作 只 限制 在 该 模型 中 。 

(3) 控制 (Controller) 

控制 可 以 理解 为 从 用 户 接 收 请 求 , 将 模型 与 视图 匹配 在 一 起 ,共同 完成 用 户 的 请 求 。 控 
制 层 的 作用 很 明显 , 它 就 是 一 个 分 发 器 ,选择 什么 样 的 模型 ,选择 什么 样 的 视图 ,可 以 完成 什 
么 样 的 用 户 请 求 。 控 制 层 并 不 做 任何 的 数据 处 理 。 例 如 ,用 户 点 击 一 个 连接 ,控制 层 接受 请 
求 后 , 并 不 处 理 业务 信息 , 它 只 把 用 户 的 信息 传递 给 模型 ,告诉 模型 做 什么 ,选择 符合 要 求 
的 视图 返回 给 用 户 。 因 此 ,一 个 模型 可 能 对 应 多 个 视图 ,一 个 视图 可 能 对 应 多 个 模型 。 


2 NC 模型 的 优点 


在 Web 应 用 的 开发 中 ,初始 的 开发 模板 往往 是 一 种 混合 层 的 数据 编程 。 例 如 ,在 
ASP、JSP 页 面 中 直接 向 数据 库 发 送 请 求 并 用 HTML 显示 ,业务 迎 辑 和 显示 混在 一 起 。 这 
样 的 开发 方式 开发 速度 往往 比较 快 ,但 由 于 数据 页 面 的 分 离 不 是 很 直接 ,因而 很 难 体现 出 明 
显 的 业务 模型 ,难以 实现 业务 模型 的 重用 ,难以 应 对 用 户 的 变化 性 需求 。 

采用 MVC 设计 模式 进行 软件 系统 的 开发 ,充分 实现 业务 迎 辑 和 显示 的 分 离 , 主 要 优点 
如 下 : 

(1) 一 个 模型 可 以 对 应 多 个 显示 视图 。 在 目前 用 户 需求 的 快速 变化 下 ,可 能 有 多 种 方 
式 访问 应 用 的 要 求 。 例 如 ,订单 模型 可 能 有 本 系统 的 订单 ,也 有 网 上 订单 ,或 者 其 他 系统 的 
订单 ,但 对 于 订单 的 处 理 都 是 一 样 的 ,也 就 是 说 订单 的 处 理 是 一 致 的 。 按 MVC 设计 模式 ， 
一 个 订单 模型 以 及 多 个 视图 即 可 解决 问题 。 这 样 减少 了 代码 的 复制 , 即 减少 了 代码 的 维护 
量 ,一 旦 模型 发 生 改变 ,也 易于 维护 。 

(2) 一 个 应 用 的 业务 流程 或 者 业务 规则 的 改变 只 需 改动 MVC 的 模型 层 。 此 外 ,由 于 
模型 返回 的 数据 不 带 任何 显示 格式 ,因而 这 些 模型 也 可 直接 应 用 于 接口 的 使 用 。 由 于 控制 
层 把 不 同 的 模型 和 不 同 的 视图 组 合 在 一 起 完成 不 同 的 请 求 ,因此 ,控制 层 可 以 说 是 可 以 实现 
用 户 请 求 权 限 的 概念 。 

采用 MVC 设计 模式 ,整个 应 用 被 分 成 三 层 , 每 个 文件 的 功能 明确 ,这 必然 带 来 代码 文 
件数 量 上 的 增加 。 但 是 ,各 个 文件 的 功能 清晰 ,只 要 合理 地 进行 文件 的 分 类 管理 ,将 使 Web 
应 用 开发 更 有 利于 工程 化 。 


672 使 用 JavaBeans 实现 业务 逻辑 


在 MVC 设计 模式 下 ,业务 逻辑 应 该 从 JSP 页 面 中 进行 有 效 的 分 离 ,在 技术 上 ,可 以 通 
过 JavaBeans 来 实现 。 也 就 是 说 ,在 业务 逻辑 设计 上 ,把 一 个 个 的 业务 逻辑 编写 成 对 应 的 
JavaBean ,然后 将 这 些 JavaBeans 存储 在 Web 应 用 主 目录 下 WEB-INF\classes\ 中 不 同业 务 
模型 文件 夹 中 ,这 些 文件 夹 分 别 对 应 一 个 个 Java 类 包 (Package) 。 

下 面 通过 Web 应 用 中 用 户 注册 功能 的 设计 来 说 明 MVC 中 的 模型 实现 。 用 户 注册 是 
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Web 系统 最 常见 的 功能 ,主要 是 获取 用 户 信息 ,然后 为 用 户 创建 一 个 系统 账户 和 分 配 用 户 
权限 。 涉 及 的 主要 技术 问题 是 客户 端的 数据 有 效 性 验证 和 服务 端的 数据 库 操作 ,因此 ,该 业 
务 包 括 了 两 个 文件 ,一 个 用 于 用 户 交互 的 html 文件 ,一 个 用 于 数据 库 操作 的 JSP 文件 。 

(1) 视图 设计 视图 即 用 户 的 交互 界面 ,用 户 界面 的 设计 包括 两 个 方面 ,一 方面 是 功能 设 
计 , 另 一 方面 是 平面 设计 ,两 者 需要 有 机 的 结合 。 

为 描述 简单 起 见 ,我 们 给 出 一 个 简化 的 用 户 注册 界面 ,如 图 6-13 所 示 。 


6S13.0 风波。 


We 欣 迎 注册 csL3 0 用 户 ， 请 您 填写 下 面 的 资料 A ^ 标记 的 必须 填写 


输入 用 户 名 


设置 密码 


. 密码 ; 


* 请 再 次 输入 密码 : 


密码 保护 设置 为 了 保障 您 的 帐号 安全 ,请 至 少 这 择 两 种 方式 进行 填写 并 牢记 。 


1、 第 用 邮箱 : 凡 到 问题 或 右 记 密码 ,可 通过 此 邮箱 联系 职 回 
2、 手 机 号 码 ; a 


个 人 信息 


在 注册 及 使 用 前 细 阅 读 如 下 服务 条 款 : 
1、 访 系统 的 来 宾主 要 是 指 校外 教师 、 学 生 以 及 本 校 丰 教学 计划 中 的 学 生 。 
2、 注 册 来 宾 帐 户 之 后 ,可 以 拥有 一 定 的 权限 访问 本 站 点 。 z 


我 同意 以 上 服务 条 款 , 并 提交 申请 


图 6-13 用 户 注册 界面 


用 户 界面 平面 设计 完成 用 户 的 人 机 交互 设计 ,一 般 是 一 个 HTML 页 面 ,通常 会 包含 一 
些 JavaScript 脚本 程序 ,相关 的 数据 操作 则 通过 页 面 中 表单 的 action 参数 设 定 。 
用 户 注 册 界 面 对 应 的 HTML 文件 名 为 new. user. html, 代 码 清单 如 下 : 


<! DOCTYPE html PUBLIC " — //W3C/ /DTD XHTML 1. 0 Transitional//EN" 
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"http://www. w3. org/TR/xhtml1/DTD/xhtml1 - transitional. dtd" — 
<html xmlns = "http://www. w3. org/1999/xhtm1"> 
<head> 
<meta http - equiv = "Content - Type" content = "text/html; charset = gb2312" /> 
<link rel = "stylesheet" type = "text/css" href = "styles/newuser. css" /> 
<title>GSL3. 0 Ji Hl P ÈM</title> 
<script language = "javascript" > 
function on_submit() 
{// 验 证 数据 的 合法 性 
if (myform. username. value --"") 
{ 
alert(" 用 户 名 不 能 为 空 ,请 输入 用 户 名 !"); 
myform. username. focus() ; 
return false; 
E 
if (myform. password. value --"") 
1 
alert(" 用 户 密码 不 能 为 空 ,请 输入 用 户 密码 !1"); 
myform. password. focus() ; 
return false; 
} 
if (myform. password. value! = myform. repassword. value) 
1 
alert(" 两 次 密码 输入 不 一 致 ,请 重新 输入 !1"); 
myform. password. focus(); 
return false; 
) 
if (myform. emaill. value. length--0) 
{ 
alert(" 请 输入 Email!"); 
myform. emaill. focus(); 
return false; 
} 
else 
{ 
for (i=0; i-myform. emaill.value.length; i++) 
if (myform. emaill.value.charAt(i)--"(9") 
break; 
if (i--myform. emaill.value. length) 
1 
alert(" 非 法 Email 地 址 ,请 重新 输入 !1"); 
myform. emaill. focus(); 
return false; 


} 
</script> 
</head> 
<body> 
<div id= "main"— 
<div id= "banner"> 
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<table id= "banner - table" cellpadding = "0" cellspacing = "0" border = "0"> 
<tr> 
<td width = "200px" background = ".. / images/newuser/logo. jpg" ></td> 
<td width = "20px" ></td> 
<td width = "6px" background = " images/newuser/yuanjiao_left. jpg" ></td> 
<td width = "510px" bgcolor = " # 0163A2"> 
<div id= "banner - table_note"> 
<a href = "v3_indexguest. jsp" target = "_self" >K ft Ñ H </a> &nbsp; &nbsp; <a href = "v3_ 
loginout. jsp" target = " self" —jBiH X 5t /a— 
</div> 
</td> 
<td width = "4px" background = " images/newuser/yuanjiao_right. jpg" ></td> 
</tr> 
</table> 
</div> 
<div id= "info"> 
— form name = "myform"action = "new usersave. jsp" method = "post" onSubmit = "return on_submit()"> 
<input type = "hidden" value = "" name= "id"> 
<table id = "info table" cellpadding = "0" cellspacing = "0"> 
<tr> 
<td id= "rowl"> 
<div id= "jiantou" ></div> 
<div id= "rowl note" —3XjllitJJp GSL3. 0 用 户 , 请 您 填写 下 面 的 资料 ,有 <font class = "rad"> * 
</font> 标记 的 必须 填写 二 /div 之 
</td><!-- Elli Bi & &--— 
</tr> 
<tr> 
<td id= "row2"> 
<table class = "password" cellpadding = "0" cellspacing = "0" border = "0"> 
<tr><td class = "mimashezhi" colspan = "3"> <strong> fij AHP 4 </strong></td></tr> 
<tr><td class = "kong" colspan- "3"></td></tr> 
<tr> 
<td width= "20$" class = "mima_note" >< font class = "rad"> * </font> 用 户 名 : 
</td> 
<td width = "40 % " class = "mima_notel">< input class = "pas" type = "text" name = 
"username" /二 一 /td 一 
<td class = "mima_note2" 二 用 户 名 由 英文 字母 a—z ,数字 0 一 9 .特殊 字符 组 成 。 王 /td 
</tr> 
<tr><td class = "kong" colspan- "3"></td></tr> 
<tr><td class = "line" colspan= "3"></td></tr> 
</table> 
</td> 
</tr> 
<u> 
<td id= "row2"> 
<table class = "password" cellpadding = "0" cellspacing = "0" border = "0"> 
<tr><td class = "mimashezhi" colspan = "3"><strong> H E SE f — / strong </td></tr> 
<tr><td class = "kong" colspan- "3"> </td></tr> 
«tr 
<td width= "20$" class = "mima note"—- font class = "rad" * </font> 密码 : </td> 
<td width = "40 $ " class = "mima notel"-—- input class = "pas" type = "password" name = 
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"password" / 7 — /td— 
<td class = "mima note2" > f KK BE 6 一 20 位 , 由 字母 ,数字 RRF. </td> 
</tr> 
<t> 
<td width = "20 % " class = "mima_note" ><font class = "rad"> * </font> 请 再 次 输入 
密码 : </td> 
<td class = "mima notel"-— input class = "pas" type = "password" name = "repassword" /— 
</td> 
<td class = "mima_note" ></td> 
t 
<tr><td class = "kong" colspan- "3"></td></tr> 
<tr><td class = "line" colspan- "3" — /td — /tr^ 
</table> 
</td> 
</tr> 
<tr> 
<td id= "row2"> 
<table class = "password" cellpadding = "0" cellspacing = "0" border = "0"> 
<tr> 
<td class = "nimashezhi" > <strong> 8 fi (& JP ut TE — / strong </td> 
<td class = "nimashezhi" colspan- "2">œ>< font class = "rad" 过 为 了 保障 您 的 账号 安全 ， 
请 至 少 选 择 两 种 方式 进行 填写 并 牢记 。 志 /font 之 二 /td 


</tr> 
<tr><td class = "kong" colspan = "3"> </td></tr> 
<tr> 
<td width = "20 % " class = "mima note" >< font class = "rad" 二 1、 一 /font 二 常用 邮箱 : 
</td> 
<td width = "40 % " class = "mima_notel">< input class = "pas" type = "text" name = 
"email"/></td> 
<td class = "mima_note2" —jBi 8| [n] RB s, zs jg 85 83, AKRE. </td> 
</tr> 
<tr> 
<td width = "20 % " class = "mima_note" >< font class = "rad" 二 2、 一 /font 二 手机 号 码 ， 
</td> 


<td width = "40 % " class = "mima_notel">< input class = "pas" type = "text" name = 
"cellphone"/></td> 
<td class = "nima note2" >Ñ FØLT URE, </td> 
«> 
<tr><td class = "kong" colspan- "3"></td></tr> 
<tr><td class = "line" colspan= "3"></td></tr> 
</table> 
</td> 
</tr> 
<t> 
<td id= "row2"> 
<table class = "password" cellpadding = "0" cellspacing = "0" border = "0"> 
<tr><td class = "mimashezhi" colspan = "3"><stronn> A [5 A </strong> </td></tr> 
<tr><td class = "kong" colspan- "3"> </td></tr> 
«tr 
<td width = "20 €" class = "mima note"— font class = "rad"> * </font> 姓名 : </td> 
<td width= "405*" class = "mima notel"-— input class = "pas" type = "text" name = 
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"nane" /二 一 /td 
<td class = "mima_note2" 过 请 提供 真实 姓名 , UERS EKR. </td> 
[tr 
tr 
<td width = "20 $" class = "mima_note" >< font class = "rad"— * </font> 性 别 : </td> 
<td width = "40 % " class = "mima notel"— 
<input type = "radio" name = "sex" value = "Jj" class = "radio"> 9j 
<input type = "radio" name = "sex" value = "Ar" class = "radio" dr 
</td> 
<td class = "nima note2" ></td> 
</tr> 
<tr> 
<td width= "20 &" class = "mima_note">< font class = "rad"> * </font> 职业 : </td> 
<td width = "40 % " class = "mima notel"— 
<select name = "userclass" class = "select"> 
<option value = "0">------ 请 您 选择 职业 ------ </option> 
<option value = "1" 二 教师 一 /option 二 
<option value = "2" —?£/E </option> 
<option value = "3"— jt [li — /option— 
</select> 
</td> 
<td class = "mima_note2" ></td> 
</tr> 
<tr> 
<td width = "20 % " class = "mima_note">< font class = "rad" > * </font> 单位 : </td> 
<td width = "40 % " class = "mima_notel">< input class = "pas" type = "text" name = 
"department" /二 一 /td 
<td class = "nima note2" ></td> 
</tr> 
«tr 
<td width= "20 % " class = "mima note" font class = "rad" x </font> 联系 方式 : 
</td> 
<td width= "40 %" class = "mima_notel">< input class = "pas" type = "text" name = 
"phone"/></td> 
<td class = "nima note2" — if Heu i SX TL, 以 方便 我 们 今后 联系 。 志 /td> 
tr 
xt 
<td width = "20$" class = "mima_note" >< font class = "rad" 二 * </font> 邮箱 : </td> 
<td width= "40 % " class = "mima_notel">< input class = "pas" type = "text" name = 
"emaill"/></td> 
<td class = "mima_note2" 二 请 提供 常用 邮箱 。 一 /td> 
> 
<tr> 
<td width= "20 $" class = "mima note" >Ñ (rl Bb: </td> 
<td width = "40 $" class = "mima_notel">< input class = "pas" type = "text" name = 
"address"/></td> 
<td class = "nima note2" ></td> 
</tr> 
«tr 
<td width = "20 $ " class = "mima note" lp. </td> 
<td width= "40 $" class = "mima_notel">< input class = "pas" type= "text" name = 
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"post" /7— /td 
<td class = "nima note2" ></td> 
</tr> 
<tr><td class = "kong" colspan = "3"></td></tr> 
<tr><td class = "line" colspan- "3" — /td ^ </tr> 
</table> 
</td> 
</tr> 
<tr> 
<td id = "row2"> 
<table class = "password" cellpadding = "0" cellspacing = "0" border = "0"> 
<tr><td class = "mimashezhi" colspan = "3"><strong> MR 2 3 — / strong </td></tr> 
<tr><td class = "kong" colspan- "3"></td></tr> 
<er> 
<td colspan = "3" class = "fuwu" > 
<textarea name = "title" class = "fuwu"> 
尊敬 的 用 户 ,欢迎 您 注册 并 使 用 GSL3.0 系统 服务 。 
在 注册 及 使 用 前 请 您 仔细 阅读 如 下 服务 条 款 : 
1. 该 系统 的 来 宾主 要 是 指 校外 教师 .学生 以 及 本 校 非 教学 计划 中 的 学 生 。 
2. 注册 来 宾 账 户 之 后 ,可 以 拥有 一 定 的 权限 访问 本 站 点 。 
3. 因 系 统管 理 的 需要 ,管理 员 有 权 删 除 来 宾 账户 。 
— /textarea— 
</td> 
[tr^ 
<tr><td class = "kong" colspan- "3" — /td ^ — /tr 
<tr> 
<td class = "nimashezhil" colspan = "3">< input type = "submit" value = "我 同意 以 上 服务 条 
款 ,并 提交 申请 " class= "menu" ></td> 
</tr> 
<tr><td class = "kong" colspan- "3"></td></tr> 
</table> 
</td> 
i a 
</table> 
</form> 
</div> 
<div id= "foot"— 
<table id= "foot - table" cellpadding = "0" cellspacing = "0" border = "0"> 
<tr> 
<td width = "5px">< img src = ". . / inages/newuser/yuanjiao leftl.jpg" /></td> 
<td bgcolor = " # 0163A2" class = "foot_center"> 
<table id= "foot_tablel”cellspacing = "0" cellpadding = "0" border = "0"> 
<tr> 


< td class = "foot text" > Copyright &copy; http://jcjy. sdu. edu. cn All Rights 

Reserved. </td> 

tr 

<tr> <td class = "foot_text"> 山 东 大 学 计算 机 科学 与 技术 学 院 Enail: hx) sdu. edu. cn 过 /td> 

</tr> 

</table> 

</td> 

<td width = "4px">< img src - "../images/newuser/yuanjiao rightl.jpg" /></td> 
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te 
</table> 
</div> 
</div> 
</body> 
</html> 


在 上 述 HTML 页 面 中 ,定义 了 页 面 对 应 的 样式 文件 newuser. css, 其 中 定义 了 表格 中 
应 用 到 的 众多 样式 ,这 些 样 式 在 二 table 二 等 标记 中 通过 ID 属性 来 引用 ,增加 了 页 面 维护 的 
灵活 性 。 

(2) 业务 模型 

在 视图 设计 完成 后 , 接 下 来 是 为 页 面 添 加 程序 代码 ,以 实现 页 面 的 功能 。 页 面 功 能 反映 
了 系统 的 业务 模型 ,根据 MVC 设计 模式 ,业务 模型 应 通过 JavaBean 实现 ,这 些 JavaBean 通 
过 JSP 页 面 来 调用 。 

在 new user, html 中 , 当 用 户 单 击 “ 同 意 服务 条 款 ” 按 钮 后 ,执行 new_usersave. jsp X 
件 , 完 成 数据 库 的 查询 和 增加 记录 操作 ,代码 清单 如 下 : 


< % @ page contentType = "text/html;charset = gb2312" % > 
< % @ page session = "true" % > 
<% @ page import = "java. sql. * " % > 
< % @ page import = "java. util. * , javax.mail. * " % > 
< % @ page import = "javax. mail. internet. * "€ > 
<jsp:useBean id = "workE" scope = "page" class = "pub. connaccounts" /> 
<jsp:useBean id = "workd" scope = "page" class = "pub. mytime"/— 
<! DOCTYPE html PUBLIC " ~ //W3C//DTD XHTML 1. 0 Transitional//EN" "http://www. w3. org/TR/ 
xhtml1/DTD/xhtml1 - transitional. dtd"> 
<$! 
ResultSet rs = null; 
String content = ""; 
String time = ""; 
int flag= 0; 
s> 
<$! 
public String codeToString(String str) 
{// 处 理 中 文字 符 串 的 函数 
String s= str; 
try 
( 
byte tempB[ ] = s. getBytes("ISO- 8859 - 1"); 
s = new String(tempB); 
return s; 
) 
catch(Exception e) 
{ 
return s; 
) 
} 
$> 
s // 接 收 客户 端 页 面 new_user. html 提交 的 表单 数据 
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String username = codeToString(request. getParameter("username")); 

String password = codeToString(request. getParameter("password")); 

String email = codeToString(request. getParameter("email")); 

String emaill - codeToString(request.getParameter("emaill")); 

String department = codeToString(request.getParameter("department")); 

String cellphone = codeToString(request. getParameter("cellphone")); 

String address = codeToString(request. getParameter("address")); 

String phone = codeToString(request. getParameter( "phone" )); 

String userclass = codeToString(request. getParameter("userclass")); 

String sex = codeToString(request. getParameter("sex")); 

String name = codeToString(request. getParameter("name")); 

String post = codeToString(request.getParameter("post")); 

time = workd. getTime(); 

content = "尊敬 的 用 户 : "+ "No" + "Nn" + "您 好 ! + "No" "No" + "欢迎 您 注册 esca. 0 系统 ,您 的 信息 
已 经 提交 ,请 等 待 管理 员 的 审核 +"\n" + "\n" + "以 下 是 您 的 注册 信息 ,请 注意 保管 : "+ "\n" + "用 
户 名 : " + username+ "Nn" + "密码 : " + password+ "Nn" + "Nn" + " 找 回 密码 邮箱 : "+ email + "An" + "F 
机 : "+ cellphone+ "An" + "姓名 : "+ name+ "An" + "性 别 : "+ sex+ "Nn" + "单位 : " + department + "V 
n' "联系 方式 : " + phone+ "\n" + "邮箱 : " + emaill + "\n" + "Nn" + "请 保管 好 个 人 信息 , 祝 您 使 用 
愉快 !" + Nn" +"\n" tine; 

s> 
<$ 
// 构造 查询 记录 SQL 语句 
String sglStringl- ""; 
sglStringl- "SELECT * FROM guest info where username = '" + username. trim() + "'"; 
// 构造 修改 记录 SQL 语句 

String sqlString2 = ""; 

sqlString2 = " insert into guest info (username, password, email, cellphone, name, sex, 
userclass, department, phone, emaill, address, post, if pass,add time) values('" + username + "', 
'" + password + "', '" + email + "','" + cellphone + "','" + nane + "','" + sex + "','" + userclass * "', 
'" + department + "', '" + phone + "','" + emaill + "','" + address + "','" + post + "', '0','" + time +" 
try 
1 


rs = workE. executeQuery( sqlStringl); 
if(rs.nextO) 


flag= 0; 
else 


workE. executeUpdate( sqlString2); 
flag=1; 


} 
catch(Exception ex) 
{ 
out. print(ex. getMessage()) ; 
} 
finally 
{ 
rs- null; 
workE. disconnectToDB(O) ; 
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) 
s> 
<html xmlns = "http://www. w3. org/1999/xhtm1"> 
<head> 
<meta http- equiv = "Content - Type" content = "text/html; charset = gb2312" /> 
<link rel = "stylesheet" type = "text/css" href = ". ./scripts/newuser1. css" /> 
<title>GSL3. 0 新 用 户 注册 反馈 <</title 二 
</head> 
<body> 
<div id= "main"> 
<div id= "banner"> 
<table id= "banner - table" cellpadding = "0" cellspacing = "0" border = "0"> 
<tr> 
<td width = "200px" background = "images/newuser/1ogo. jpg" > </td> 
<td width = "20px" ></td> 
<td width px" background = " images/newuser/yuanjiao_left. jpg" ></td> 
510px" bgcolor = " # 0163A2"> 
"banner - table_note"> 
<a href -"v3 indexguest. jsp" target = " self"— 5t i H </a> &nbsp; &nbsp; <a href = "v3 - 
loginout. jsp" target = "_self" 二 退出 系统 一 /a> 
</div> 
</td> 
<td width = "4px" background = "images/newuser/yuanjiao right. jpg" ></td> 
</tr> 
</table> 
</div> 
<div id= "info"> 
<table id= "info table" cellpadding = "0" cellspacing = "0"> 
«tr 
«td id= "rowl"> 
<div id= "jiantou" ></div> 
<div id= "rowl_note" 二 欢迎 注册 GSL3.0 HP </div> 
</td><! -- EHA ER--> 
x/tr 
cur 
<td id= "row2"> 
<table class = "password" cellpadding = "0" cellspacing = "0" border = "0"> 
<tr><td class = "mimashezhi" colspan = "3">&nbsp; </td> </tr> 
<tr><td class = "kong" colspan = "3"></td> </tr> 
<% 
if (flag==0) 
{ 
$> 
<tr><td width= "100 % " class = "mima_note3" 之 一 b> 该 用 户 名 已 被 申请 ! </b></td></tr> 
<tr><td width = "100 %" class = "mima note3" — — /td ^ — /tr^ 
<tr> 
<td width= "100 % " class = "mima_note4"><a href = "javascript history. back( - 1)"> if 
ERAS </a></td> 
</tr> 
<% 
} 
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else 
{ 
$> 
<tr><td width= "100 %" class = "mima_note3" > —b MRI! </b></td></tr> 
<tr><td width= "100 %" class = "mima_note3"> </td></tr> 
<tr > 
<td width="100%" class = "mima_note5" 过 1. 您 的 信息 已 被 提交 ,请 等 待 管理 员 的 审核 。 
</td> 
</tr> 
<tr> 
<td width= "100 % " class = "mima_note5" 二 2. 系 统 已 将 注册 信息 发 送 到 您 的 邮箱 中 ,请 注意 查收 。 
</td> 
</tr> 
<tr> 
<td width = "100 % " class = "mima_note5"><a href = "v3_indexguest. jsp">3. 点 击 返 回 登 录 界 
面 </a></td> 
</tr> 
<$% 
) 
s> 
<tr><td class = "kong" colspan = "3"></td></tr> 
<tr><td class = "line" colspan = "3"></td></tr> 
</table> 
</td> 
</> 
</table> 
</div> 
<div id= "foot"> 
<table id= "foot - table" cellpadding = "0" cellspacing = "0" border = "0"> 
«tr 
<td width = "5px" — img src = ".. / images/newuser/yuanjiao leftl.jpg" /> </td> 
<td bgcolor = " # 0163A2" class = "foot center" 
<table id= "foot tablel" cellspacing = "0" cellpadding = "0" border = "0"> 
<tr> 
<td class = "foot_text">Copyright &copy; http: //jcjy. sdu. edu. cn All Rights Reserved. 
</td> 
«tx 
<tr> 
<td class = "foot. text" > RAKIA PLEH S RÆ Bx Email: hxw@ sdu. edu. cn</td> 
< 
</table> 
</td> 
<td width = "4px">< img src = ". . /images/newuser/yuanjiao_right1. jpg" /></td> 
<i 
</table> 
</div> 
</div> 
</body> 
</html> 


在 本 例 中 ,用 户 注册 界面 主要 功能 是 完成 数据 库 的 操作 ,包括 连接 数据 库 、 数 据 库 查询 、 
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添加 记录 等 ,使 用 了 两 个 JavaBean 类 ,分 别 为 pub. connaccounts 和 pub. mytime, 前 者 用 于 
连接 用 户 信 息 数 据 库 ,后 者 用 于 处 理 Java 中 的 时 间 。pub. connaccounts 和 pub. mytime 代 
码 和 6. 6. 5 节 的 介绍 非常 类 似 ,在 此 不 再 重复 。 

用 户 注 册 成 功 后 ,显示 信息 反馈 界面 ,如 图 6-14 所 示 。 


GSL3.0 "7. 


隐 欢迎 注册 GsL3.0 用 户 


注册 成 功 ! 
1， 修 的 信息 已 被 提交 ， 请 等 竺 种 理 员 的 审核 。 
2. 系统 已 将 注册 信息 发 送 到 您 的 邮箱 中 ， 请 注意 查收 。 
3. 点 击 返 回 登 录 界面 


图 6-14 用 户 注册 成 功 后 的 信息 反馈 界面 


67.3 使 用 CSS 控 制 显 示 视 图 


传统 的 页 面 设 计 主要 是 Table 来 进行 布局 。 现 在 ,在 页 面 设 计 中 ,为 了 使 页 面具 有 更 好 
的 灵活 性 和 可 维护 性 ,通常 采用 图 层 (div)、Table 和 CSS 技术 来 设计 。 因 此 ,对 于 上 述 的 用 
户 注 册 界 面 ,可 以 设计 对 应 的 CSS 文件 ,来 定义 所 用 的 HTML 元 素 的 显示 外 观 。 

对 应 用 户 注册 页 面 new_user. htm 和 用 户 注册 反馈 页 面 new_usersave. jsp, 都 定义 了 相 
应 的 CSS 文件, 即 newuser. css 和 newusersave. css, 详 细 内 容 略 。 


68 综合 举例 一 一 在 线 聊 天 程序 


在 本 书 的 最 后 ,我 们 将 通过 在 线 聊天 程序 的 开发 来 对 所 学 的 知识 进行 一 个 综合 的 应 用 。 
在 线 聊天 是 许多 网 站 都 提供 的 一 种 功能 , 它 包 含 了 服务 端 开发 、 客 户 端 开 发 .Ajax 技术 、 
JavaBeans 以 及 数据 库 的 应 用 ,涉及 的 内 容 比 较 全 面 ,相对 容易 理解 。 


68.1 系统 分 析 


在 线 聊 天 程序 系统 中 ,用 户 可 分 为 管理 员 用 户 和 普通 用 户 , 普 通用 户 可 以 选择 聊天 对 
象 ,发 送 聊 天 信息 ,管理 员 可 以 对 在 线 用户 发 出 警告 ,甚至 将 用 户 踢 出 聊天 室 。 

聊天 程序 设计 包括 两 个 方面 ,一 方面 是 客户 端的 用 户 界面 , 另 一 方面 是 服务 端的 数据 库 
操作 ,用 于 记录 用 户 的 聊天 记录 。 此 外 ,为 避免 用 户 聊天 信息 更 新 带 来 的 页 面 闪 烁 ,我 们 采 
用 Ajax 技术 ,来 进行 客户 端 和 服务 端的 异步 数据 传输 。 
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682 客户 端 设 计 


聊天 程序 主要 涉及 一 个 用 户 界面 ,这 就 是 客户 端 用 户 界面 。 客 户 端 用 户 界面 通常 分 成 
几 个 区 域 : 用 户 列表 、 聊 天 信息 输入 区 域 . 聊 天 记录 显示 区 域 。 上 述 用 户 界面 可 以 通过 
HTML 的 表格 和 图 层 来 布局 ,常见 的 用 户 界面 如 图 6-15 所 示 。 


F attp://202. 194.26. 15 - 讨论 


GSL | 在 线 交流 ^ i =; 
WRENN : ARF 


欢迎 来 到 在 线 交流 社区 了 系统 通 知 j : EBUDA T (DIU tIE 
= HERRENA IE (C 

现在 所 在 主题 : ERREGEEN : 老师 好 

OHD Gen 
个人 信息 O 

MPKS: 
20071202067 
姓名 : E 
角色 : FE 


ERRA 


INER 2 人 


süme:[WU 可 atema: [X s] 


a] 


6-15 ”聊天 系统 客户 端 用 户 界面 


聊天 系统 客户 端 界面 分 成 三 个 区 域 , 左 侧 为 用 户 信 息 显示 区 域 ,显示 用 户 个 人 信息 和 在 


线 用 户 列表 。 右 侧 上 部 为 聊天 记录 的 显示 区 域 ,下 部 为 用 户 输入 区 。 下 面 介绍 各 个 部 分 的 
实现 代码 ,包括 聊天 主 界面 代码 清单 。 


1. 客户 端 用 户 界面 chat_framejsp 


聊天 程序 的 主 界面 页 面 为 chat. frame. jsp, 采 用 在 Table 中 插入 IFRAME 的 方式 , 实 
现 不 同 区 域 的 功能 ,chat_frame. jsp 代码 清单 如 下 : 


< % @ page contentType = "text/html;charset = GBK" $ > 

<! DOCTYPE html PUBLIC " — //W3C//DTD XHTML 1. 0 Transitional//EN" "http://www. w3. org/TR/ 
xhtmli/DTD/xhtmli - transitional. dtd"> 

<html xmlns = "http://www. w3. org/1999/xhtml"— 

<head> 

<meta http - equiv = "Content - Type" content = "text/html; charset = gb2312" /> 


<link rel = "stylesheet" type = "text/css" href = "scripts/chat. css"> 
</head> 
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<body> 
<div id= "main"> 
<table id= "banner" cellpadding = "0" cellspacing = "0" border = "0"> 
«tr 
<td width = "3px" background = "images/open/banner left. jpg" —-— /td— 
<td width = "871px" >&nbsp; </td> 
<td width = "4px" background = " images/open/banner_right. jpg" ></td> 
</> 
</table> 
<table id= "main table" cellpadding = "0" cellspacing = "0"> 
<tr> 
<td rowspan = "2" id= "left"> 
<iframe name = left src = "chat_left. jsp" frameBorder = 0 style = "z-index; 2; 
visibility; inherit; width; 100 % ; height; 100 € "></iframe> 
</td> 
<td id= "right"— 
<iframe name = right src = "chat_client. html" frameBorder = 0 scrolling = no style = "z- 
index; 2; visibility; inherit; width; 100 % ; height:100 % "></iframe> 
</td> 
</tr> 
<tr> 
<td id= "bottom" > 
— iframe name = bottom src = "chat input. jsp" frameBorder = 0 scrolling = no style = "z- 
index; 2; visibility; inherit; width; 100 % ; height:100 % "></iframe> 
</td> 
«/tr 
</table> 
</div> 
</body> 
</html> 
< % @ page import = "java. text. * "€ > 
< % @ page import = "java. sql. * " % > 
< jsp:useBean id = "workD" scope = "page" class = "pub.connonline" /> 
< jsp:useBean id = "workT" scope = "page" class = "pub. mytime"/— 
«sx! 
String userid- 
String mycommunity = "", myroom = ""; 
String note = ""; 


"", truename = "", nickname = "",userrole- ""; 


" 


String sqlString = ""; 
String mytime = ""; 
E 
<$ 
mycommunity = ,request.getParameter("topic id 1").trim(); 
myroom = ,request.getParameter("topic id 2").trimO; 
$> 
<$ 
userrole = (String) session. getAttribute("userrole").trim(); 
证 (" 学 生 " .equals(userrole)) 
{ 
nickname = (String) session. gethttribute("nickname"); 
userid= (String)session.getAttribute("studentid"); 
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} 
else if(" 管 理 员 ". equals(userrole)) 
{ 

nickname = (String)session. getAttribute("nickname"); 

userid = (String)session. getAttribute("adminid"); 
} 
s> 
<% 
note = "[ 系 统 通知 1: " + accountnane + "加 入 了 我 们 的 讨论 "; 
mytime = workT. getTime(); 
// 将 系统 通知 插入 到 聊天 记录 数据 表 chat 中 ,mytimel 记录 聊天 时 间 到 小 时 。 
sqlString = "insert into chat(topic id 1, topic_id_2, username, userid, userclass, to user, 
color, face, note, addtime, addtimel, mode)" + " values('" + mycommunity + "', '" + myroom t "', '" + 
accountsname + "', " + userid + "', '" + userrole + "', K X'', ' $ 000000, ' 无 ', '" + note * "', "" + mytime 
+"','" + mytime. substring(0,13) + "', 1)"; 
try 
{ 

workD. executeUpdate( sqlString); 

) 
catch(Exception ex) 
{ 


out. print(ex. getMessage()) 7 


finally 
{ 
workD. disconnectToDB(); 
) 

s> 
<$ 
// 每 隔 一 小 时 从 数据 表 chat 中 清除 聊天 记录 ,addtimel 记录 聊天 时 间 到 小 时 
mytime = mytime. substring(0,13); 
String sqlString = "delete from chat where addtimel! = '" + nytime + "'"; 
try 
( 

workD. executeUpdate( sqlString); 
) 
catch(Exception ex) 
( 

out. print(ex. getMessage()) ; 
) 
finally 
( 

workD. disconnectToDB(); 
a 
$> 


在 上 述 代码 中 ,为 了 保证 界面 的 灵活 性 ,引用 了 一 个 CSS 文件 chat. css, 代 码 从 略 。 
2. 左 侧 信息 列表 chat_leftjsp 
左 侧 显 示 用 户 列表 ,代码 如 下 : 
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< % @ page contentType = "text/html;charset = GBK" % > 

< % @ page import = "java. text. * " % > 

<% (à page import = "java. sql. * " % > 

<jsp:useBean id = "workD" scope = "page" class = "pub. connonline" /> 
<$! 

String userid- ""; 

String truename = "",nickname = ""; 

String userrole ; 
String sqlString = ""; 

String topic id 1=""; 

String topic id 2=""; 

String topic name = ""; 

ResultSet rs - null; 

s> 

<5 

userrole = (String)session. getAttribute("userrole"). trim(); 


if(" 学 生 ".equals(userrole)) 
{ 
nickname = (String)session. getAttribute("nickname"); 
userid = (String)session. getAttribute("studentid"); 
} 
else if(" 管 理 员 ". equals(userrole)) 
{ 
nickname = (String)session. getAttribute("nickname"); 
userid = (String)session.getAttribute("admin name"); 
} 
topic id 1 = (String)session.getAttribute("topic id 1"); 
topic id 2 = (String)session.getAttribute("topic id 2"); 
$> 
<! DOCTYPE html PUBLIC " — //W3C//DTD XHTML 1. 0 Transitional//EN" "http://www. w3. org/TR/ 
xhtmli/DTD/xhtmll- transitional.dtd"-— 
<html xmlns = "http://www. w3. org/1999 /xhtm1" — 
<head> 
<meta http- equiv = "Content - Type" content = "text/html; charset = gb2312" /> 
<link rel = "stylesheet" type = "text/css" href = "scripts/left. css"> 
<script language = "JavaScript" > 
function PerformSubmit(user) 
{ 


parent. bottom. forml. to_user. value = user; 
return false; 
} 
</SCRIPT> 
</head> 
<body> 
<table class = "table" cellpadding = "0" cellspacing = "0" style= "margin - top: 10px; "> 
<tr><td class = "rowl"><b>GSL | FRX </b> </td></tr> 
«tr 
<td class = "row2" 7 
<table class = "welcome" cellpadding = "0" cellspacing = "0" border = "0"> 
<tr><td height = "20px" > <b> KM xk Sl fe Zt Je WERE IX — / b — /td — /t£ 


" 
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<tr><td height = "15px"></td></tr> 
<tr><td height = "20px" 之 现在 所 在 主题 : </td></tr> 
<tr><td height = "5px"> </td></tr> 

<% 

try 


TS = workD.executeQuery("select * from second topic where id= '" +topic_id 2.trim() + "'"); 
rs.nextO ; 
topic name - rs.getString("topic name"); 
} 
catch(Exception ex) 
t 
out. print(ex. getMessage()) ; 
) 
finally 
{ 
rs- null; 
workD. disconnectToDB(); 
) 
$> 
<tr><td height = "20px" — — font color = " # 0033FF">< % = topic_name % > </font> 
</td></tr> 
</table> 
</td> 
</tr> 
</table> 
<table class = "table" cellpadding = "0" cellspacing = "0" style= "margin - top: 15px; "> 
<tr><td class = "row" > «b 4- A A </b></td></tr> 
-> 
<td class= "row4"> 
<table id = "welcome2" cellpadding = "0" cellspacing- "0" border = "0"> 
<tr> < td height = "20px" > H P Ik E. <font color = " # 0033FF" — <% = userid% > 
</font></td> </tr> 
<tr><td height = "5px" > </td></tr> 
<tr> <td height = "20px" > lE; <font color = " # 0033FF" >< % 
</font></td></tr> 
<tr><td height = "5px"></td></tr> 
<tr><td height = "20px" 二 角色 : <font color = " # 0033FF" > < & 
</font></td></tr> 
</table> 
</td> 
</tr> 
</table> 
<table class = "table" cellpadding = "0" cellspacing = "0" style = "margin - top: 15px; "> 
<tr><td class = "rou" > <b> fE £t ffi B, </b></td></tr> 
<tr> 
<td class = "row3"> 
<table id= "welcomel" cellpadding = "0" cellspacing = "0" border = "0"> 
<$ 
sqlString = "select username from chat where topic_id_1 = '"- topic id 1.trim() +"' and topic | 
id 2- '"-*topic id 2.trim() + "'group by username"; 


nickname % > 


userrole& > 


" 
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rs- workD. executeQuery(sqlString); 
rs.lastO; 
int online nums = rs. getRow(); 
$> 
<tr><td height = "20px"> M HTE <% = online nums & — A </td></tr> 
<tr><td height = "5px" > </td></tr> 
<tr><td height = "20px"> ERAP IR: </td></tr> 
<s 
rs.absolute(1); 
do 
{ 
s> 
<tr> 
<td height = "20px" ><a href =" #" onClick = 'PerformSubmit(" — % = rs. getString 
("username") $% >")'>< $ = rs. getString("username") % ></a> </td> 
</tr> 
<$ 
) 
while(rs.nextO); 
s> 
<tr><td>&nbsp; </td></tr> 
</table> 
</td> 
</tr> 
</table> 
<table class = "table" cellpadding = "0" cellspacing = "0" style = "margin - top: 15px; "> 
<tr><td class = "rowl1" ><b><a href = "exit. jsp" target = '_parent' > $ F ZH Bl — /a — / 
b></td></tr> 
</table> 
</body> 
</html> 


需要 说 明 的 是 , 当 一 个 用 户 登录 聊天 界面 时 ,系统 发 一 个 公告 消息 ,同时 将 该 用 户 存储 
在 聊天 数据 表 chat 中 ,通过 该 数据 表 , 可 以 显示 在 线 用户 列 表 。 


3. 用 户 输入 页 面 chat_inputjsp 


在 聊天 程序 界面 的 右 下 部 ,是 用 户 的 输入 区 .输入 信息 后 ,同时 将 输入 信息 保存 到 聊天 
数据 库 中 。 在 chat_input. jsp 文件 中 ,Form 表单 的 action 属性 设置 为 chat_input. jsp 文件 
本 身 , 第 一 次 连接 到 该 文件 时 , 即 进入 聊天 室 , 只 将 公告 存储 到 聊天 数据 表 chat 中 。 


< % @ page contentType = "text/html;charset = GBK" % > 

<%@ include file- "../session- guard. jsp" %> 

<% (8 page import = "java. text. * " $ > 

< % @ page import = "java. sql. * " % > 

< jsp:useBean id = "workD" scope = "page" class = "pub.connonline" /> 

< jsp:useBean id = "workT" scope = "page" class = "pub. mytime"/> 

<<| DOCTYPE html PUBLIC " — //W3C//DTD XHTML 1. 0 Transitional//EN" "http://www. w3. org/TR/ 
xhtmli/DTD/xhtmli - transitional. dtd"> 

<html xmlns = "http://www. w3. org/1999/xhtm1"> 
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<head> 
<meta http - equiv = "Content - Type" content = "text/html; charset = gb2312" /> 
<link rel = "stylesheet" type = "text/css" href = "scripts/bottom. css"> 
<script language = "javascript" > 
function on_submit() 
C/R ERRA AE 
if (forml. content. value =="") 
{ 
alert(" 请 输入 内 容 1"); 
forml. content. focus(); 
return false; 


} 
</script> 
</head> 
<body> 
<form action = "chat input. jsp" method = "post" onSubmit = "return on_submit()" name = "forml"> 
<table style = "width;600px; height:100px; margin - top:15px; font - size;l2px; text - align; 
center; vertical - align:middle;" cellpadding = "0" cellspacing = "0" border = "0"> 
<tr> 
<td height = "30px" style = "text - align:center; margin- right :30px; "> 
对 象 ; <input class = "pas" type="text" name = "to user" value = "大 家 "/ 二 &nbsp;&nbsp; 字 体 
颜色 : 
<select name = 'fontcolor' id = 'fontcolor' size = "1" style= "font- size;9pt"— 
<OPTION value = ' # 3333ff' style = 'color: # 3333ff'> BRU — /option— 
<option value = ' # 000000' style = 'color: # 000000 '> 8 (& </option> 
<OPTION value = ' # ff0000' style = 'color; # ff0000'— X ZI < /option— 


<OPTION value = ' # 0088ff' style = 'color; # 0088ff '> Ni ilt </option> 
<OPTION value = ' # ff0088' style = 'color ; # ff0088'> HM </option> 
<OPTION value = ' # ff8800' style = 'color: # ff8800'>& W — /option 
</option> 

</SELECT> &nbsp; &nbsp; 


动作 与 表情 : — SELECT name = 'mode' id = 'mode'— 


<OPTION value = 
<OPTION value = 
<OPTION value = 
—OPTION value = 
<OPTION value = 
<OPTION value = 
<OPTION value = 
<OPTION value = 
</SELECT> 


&nbsp;&nbsp; <font color = " # 0033FF" — Bi zi KAREM 150 </font> 


</td> 
</a> 
p 


<td height = "60px" > H Æ: < textarea name = "content" cols = "70" rows = "3" class = 


' 微 笑 着 ' 二 微笑 二 /option 二 
Ek >k / option 
RE 77 f 3E / option 
' 惊 呼 ' 二 惊 呼 二 /option 二 
思 导 着 ' 盖 思 导 二 /option> 
"高 兴 地 2 B / option 
"if XH XE / option 
oH o Je / option 


"textarea" ></textarea> </td> 


</tr> 
«tu 


<td height = "20px" — — input type = "submit" value = "提交 " class = "menu" > &nbsp; &nbsp; 


<input type = "reset" value = " 重 置 " class = "menu" ></td> 
</a> 
</table> 
</form> 
</body> 
</html> 
<$! 
String truename = "" , nickname = ""; 
String userole- ""; 
String userid- ""; 
String sqlString- ""; 
String topic id 1- ""; 
String topic id 2- ""; 
String time = ""; 
String chat record = ""; 
s> 
<$! 
public String codeToString(String str) 
C // 处 理 中 文字 符 串 的 函数 
String s- str; 
try 
{ 
byte tempB[ ] = s. getBytes("ISO - 8859 - 1"); 
s = new String(tempB); 
return s; 
) 
catch(Exception e) 
{ 
return s; 


L 


) 
5E 
去 $// 接 收 客户 端 提交 的 数据 
String to user = codeToString(request.getParameter("to user")); 
if (to user--null) // 无 内 容 则 设 为 空 串 
to user = "大 家 "; 
String fontcolor = codeToString(request. getParameter("fontcolor")); 
if (fontcolor--null) // 无 内 容 则 设 为 空 串 
fontcolor = ""; 
String mode = codeToString(request.getParameter("mode")); 


if (mode--null) // 无 内 容 则 设 为 空 串 
mode = ""; 
String content - codeToString(request. getParameter("content")); 
if(content--null) // 无 内 容 则 设 为 空 串 
content = ""; 
$> 
<% 


userrole = (String)session.getAttribute("userrole").trim(); 
if(" 学 生 ". equals(userrole)) 
{ 

nickname = (String) session. getAttribute("nickname" ); 
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userid- (String)session.getAttribute("studentid"); 
} 
else if(" 管 理 员 ". equals(userrole)) 
{ 

nickname = (String)session. getAttribute("nickname"); 

userid = (String)session.getAttribute("admin name"); 
} 
topic id 1= (String)session.getAttribute("topic id 1"); 
topic id 2 = (String)session.getAttribute("topic id 2"); 
s> 
<s 
if(1("".equals(content))) // 如 果 输 入 内 容 不 为 空 , 则 执行 插入 数据 库 操作 
{ 

chat record = accountsname + mode + "对 " + to_user + "说 ; " + content; 

time = workT. getTime( ); 

sqlString = "insert into chat(topic id l,topic id 2,username, userid, userclass, to user, 
color, face, note, addtime,addtimel,mode)" + " values('" + topic id 1 "','"- topic id 2 * "', 
'"" + accountsname + "', '" + author id * "','" + user class + "','" + to user * "','" + fontcolor + 
"5, "" * mode + "','" & chat record * "', '"" + time €", '" + tine. substring(0,13) + "','5')"; 

try 

{ 

workD. executeUpdate(sqlString); 

) 

catch(Exception ex) 

{ 

out. print(ex. getMessage()); 

) 

finally 

{ 


workD. disconnectToDB(); 


j 
s> 


上 述 代 码 分 为 两 个 部 分 ,第 一 部 分 是 显示 界面 ,第 二 部 分 的 JSP 程序 用 于 存储 聊天 记 
若 聊 天 内 容 输入 为 空 , 则 不 执行 数据 表 插 入 。 


4 聊天 信息 显示 chat. clienthtrri 


在 聊天 程序 界面 中 ,右上 侧 显示 聊天 信息 ,为 避免 刷新 整个 页 面 而 引起 的 屏幕 闪烁 , 采 


用 AJAX 技术 ,客户 端 代码 为 一 个 HTML 页 面 chat. client. html, 代 码 清单 如 下 : 


< | DOCTYPE HTML PUBLIC " — //W3C//DTD HTML 4. 01 Transitional//EN" 

"http://www. w3. org/ TR/htm14/10oose. dtd" 二 

<html> 

<head> 

<meta http- equiv = "Content — Type" content = "text/html; charset = GBK" > 

<link rel = "stylesheet" type = "text/css" href = "scripts/mainframe. css"> 

</head> 

<body onload = "sendRequest()"> 

<div style = ”width: 650px; height; 400px; overflow; scroll; margin - top; 20px; background; 
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* FFFFFF; margin- left;lO0px;"— 
<div id= "chat content" style = "width:610px; margin - top:5px; margin - left: 5px; text 一 
align:left; line- height:150 $ ;"— 
</div> 
</div> 
<script> 
// 在 Tomcat 中 ,调试 时 输出 产生 换行 ,在 text 框 中 找 不 出 原因 ,通过 输出 到 DIV, 发 现 以 
// 下 字符 ,使 用 正则 表达 式 将 其 替换 为 空 即 可 
function convert(str) 
{ 
if (str! ="") 
{ 
str = str. replace(/\r/g,""); 
) 
return str; 
) 
var XMLHttpReq; 
// 创建 XMLHttpRequest 对 象 
function createXMLHttpRequest() 
{ 
if(window. XMLHttpRequest) 
{ //Mozilla 浏览 器 
XMLHttpReq = new XMLHttpRequest(); 
) 
else 
if (window. ActiveXObject) 
{ // 到 浏览 器 
try 
{ 
XMLHttpReq = new ActiveXObject("Msxml2. XMLHTTP"); 
) 
catch (e) 
{ 
try 
{ 
XMLHttpReq = new ActiveXObject("Microsoft. XMLHTTP"); 
) 


catch (e) 


function sendRequest() 


{ 
createXMLHttpRequest(); 
var url = "chat server. jsp"; // 设 置 服务 端 通信 程序 
XMLHttpReq. open("POST", url, true); 
XMLHttpReq. setRequestHeader( "Content - Type" , "application/x- www — form - urlencoded"); 
XMLHttpReq.onreadystatechange - processResponse; // 指 定 响 应 函数 
XMLHttpReq. send() ; // 发 送 请 求 


Web 技 术 导 论 (第 2 版 ) 
364 


setTimeout("sendRequest()" , 800); 


) 
// 处 理 返回 信息 函数 
function processResponse() 
{ 
if (XMLHttpReq. readyState ==4) 
{ O// 判断 对 象 状 态 
if (XMLHttpReq. status ==200) 
( // 信息 已 经 成 功 返 回 , 开 始 处 理 信 息 ,在 div 中 显示 聊天 记录 
chat content. innerHTML = convert(XMLHttpReq. responseText) ; 
) 
else 
{ // 页 面 不 正常 
window. alert(" 您 所 请 求 的 页 面 有 异常 。"); 
} 
} 
) 
</script> 
</body> 
</html> 
现在 , Web 开发 人 员 更 多 地 使 用 div 和 css 来 进行 页 面 布局 ,div 可 以 起 一 个 占 位 作用 
(定义 图 层 的 位 置 .高度 和 宽度 ) ,然后 通过 程序 来 动态 地 修改 div 中 的 内 容 , 或 者 改变 div 的 
显示 状态 。 在 上 述 程序 中 ,使 用 图 层 (id= "chat_content") 来 定义 聊天 记录 滚动 显示 区 域 。 
用 户 也 可 以 通过 textarea 来 定义 显示 区 域 ,两 者 的 不 同 是 在 div 定义 中 ,可 以 格式 化 显示 
HTML 文本 ,但 textarea 中 ,不 能 显示 HTML 格式 化 内 容 。 


683 服务 端 设 计 


在 服务 端 ,主要 完成 聊天 记录 的 数据 存储 和 查找 操作 。 主 要 涉及 的 程序 就 是 用 户 输入 
中 的 服务 端 脚 本 部 分 ,同时 还 涉及 一 个 与 客户 端 聊 天 信息 显示 进行 异步 传输 的 服务 端 程序 ， 
两 者 共同 构成 AJAX 的 异步 传输 ,来 避免 用 户 界面 的 闪烁 。 


1 数据 库 结构 


聊天 数据 库 记 录 聊 天 社区 、 聊 天 主题 和 聊天 记录 ,包括 三 个 数据 表 : 社区 数据 表 、 主 题 
数据 表 ( 房 间 ) 和 聊天 记录 数据 表 , 结 构 定 义 如 下 。 

CD 社区 数据 表 topic 

社区 数据 表 存 储 要 进入 的 一 级 主题 ,结构 定义 如 图 6-16 所 示 。 

(2) 主题 数据 表 ( 房 间 )second_topic 

主题 数据 表 ( 房 间 ) second_topic, 存 储 聊 天 主 
题 , 即 一 般 的 房间 ,结构 定义 如 图 6-17 所 示 。 

(3) 聊天 记录 数据 表 chat 

记录 聊天 信息 以 及 系统 公告 ,数据 结构 定义 如 
图 6-18 所 示 。 图 6-16 社区 数据 表 topic 结构 定义 


r 
nvarchar(255) [2 
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图 6-17 主题 数据 表 ( 房 间 )second_topic 结构 定义 图 6-18 主题 数据 表 ( 房 间 )second_topic 结构 定义 


2 聊天 信息 显示 对 应 的 服务 端 程序 chat. serverjsp 


根据 Ajax 技术 的 工作 机 理 , 对 应 客户 端的 chat. client. html 文件 ,服务 器 端的 处 理 程 
序 为 chat_server. jsp, 代 码 清单 如 下 : 


< % @ page contentType = "text/html;charset = GBK" % > 
<%@ include file- "../session- guard. jsp" %> 
< %@ page import = "java. text. * " % > 
< % @ page import = "java. sql. * " % > 
< jsp:useBean id = "workD" scope = "page" class = "pub.connonline" /> 
«x! 
ResultSet rs - null; 
String topic id 1-2 ""; 
String topic id 2-""; 
String color text- ""; 
String color time = " # 999999"; 
String chat content - ""; 
String chat time- ""; 
$> 
«x! 
public String codeToString(String str) 
( // 处 理 中 文字 符 串 的 函数 
String s= str; 
try 
( 
byte tempB[ ] = s. getBytes(" ISO - 8859 - 1"); 
S 7 new String(tempB); 
return s; 
) 
catch(Exception e) 
( 
return S; 


} 
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s> 
<$ 
topic id 1 = (String)session. getAttribute("topic id 1"); 
topic id 2 = (String)session.getAttribute("topic id 2"); 
s> 
<% 
try 
{ //topic_id_1 为 一 级 主题 id,topic id 2 为 二 级 主题 id, 
// topic id 1-7 '0' 且 topic_id_2 = '0 ' 为 系统 公告 
TS = workD.executeQuery("select * from chat where (topic id 1 = '" +topic id 1.trim() + "'and 
topic id 2- '" + topic id 2. trim() +"') or (topic id 1- '0'and topic id 2= 
'0') order by id"); 
while(rs.next() 
{ 
color_text = rs. getString("color"); 
chat, content = rs. getString("note"); 
chat time- rs.getString("addtime"); 
out. println ("<font color =" + color text + ">" + chat content + "— /font-^&nbsp" + "<font 
color =" color time- ">(" + chat_time + ")</font>"); 
out. println("<br>"); 
$ 
}// 外 层 try 结束 
catch(Exception ex) 
{ 
out. print(ex. getMessage()); 
) 
finally 
{ 
rs- null; 
workD. disconnectToDB(); 
) 
s> 


3. JavaBeans 类 


为 了 更 好 地 实现 MVC 设计 模式 ,对 于 数据 库 操 作 中 的 数据 库 连接 ,设计 成 一 个 Java 


类 connonline. java, 存 储 在 系统 根 目 录 下 的 \WEB-INFNclasses\pub 包 中 ,此 外 还 包含 一 个 
时 间 操 作 的 类 mytime. java。 


(1) 连接 数据 库 connonline. java 


package pub; 

import java. sql. * ; 

public class connonline 

{ 
String sConnStr = "jdbc: sqlserver://localhost:1433;DatabaseName = gsl myonline"; 
String sDBDriver = "com. microsoft. sqlserver. jdbc. SQLServerDriver"; 
String strUser = "sa"; 
String strPassword - "sa"; 
Connection conn - null; 
public ResultSet rs - null; 
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private java.sql.Statement stmt = null; 
public connonline() 
( 
try 
{ 
Class. forName( sDBDriver).newInstance(); 
) 
catch(Exception e) 
{ 
System. err.println("connonline(); ”+ e.getMessage()); 
) 
) 
public ResultSet executeQuery(String sql) 


rs - null; 


conn - DriverManager.getConnection(sConnStr, strUser, strPassword); 
//Statement stmt - conn.createStatement(); 
Statement stmt - conn.createStatement(ResultSet. TYPE SCROLL INSENSITIVE, 
ResultSet.CONCUR READ ONLY); 
rs - stmt.executeQuery(sq1); 
) 
catch(SQLException ex) 
{ 


System. err. println("aq. executeQuery: " + ex. getMessage()); 
} 
return rs; 
} 
public int executeUpdate(String sql) 
( 
int returnVal = - 999; 
try 
{ 
conn = DriverManager.getConnection(sConnStr, strUser, strPassword); 
Statement stmt - conn.createStatement(ResultSet. TYPE SCROLL SENSITIVE, 
ResultSet.CONCUR UPDATABLE); 
returnVal = stmt. executeUpdate( sql); 
j 
catch(SQLException ex) 
{ 
System. err. println("aq.executeUpdate; " + ex.getMessage()); 
} 
return returnVal; 
} 
public void disconnectToDB() throws java. sql. SQLException 
{ 
if (rs! = null) 
{ 
rs.close(); 
rs = null; 
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) 
if (stmt! = null) 
( 
stmt. close(); 
stmt = null; 
) 
if (conn! - null) 
( 
conn. close() ; 
conn = null; 


) 


(2) 获取 当前 时 间 mytime. java 
在 聊天 系统 中 ,时 间 的 应 用 很 多 ,在 Java 中 ,时 间 的 处 理 涉 及 的 类 较 多 ,我 们 可 以 编写 
一 个 自己 的 类 mytime, 来 处 理 时 间 ,代码 清单 如 下 : 


package pub; 
public class mytime { 
public String getTime() 
( 
String datestr -"" ; 
try 
{ 
java. text. DateFormat df = new java.text.SimpleDateFormat("yyyy - MM- dd HH:mm") ; 
java. util. Date date = new java.util.Date() ; 
datestr = df.format(new java.util.Date()) ; 
) 
catch (Exception ex) 
( 
) 
return datestr ; 
) 
public String getcurrenttime( ) 
( 
String curtime- ""; 
try 
t 
java. text. DateFormat jd = new java. text. SimpleDateFormat("HH:mm:ss"); 
java. util. Date ud = new java. util.Date(); 
curtime - jd. format(ud); 
) 
catch(Exception ex){ 
) 
return curtime; 
} 
} 


4 会 话 安全 程序 session-guardjsp 
为 了 防止 用 户 直 接 通过 URL 进入 一 个 网 页 ,在 每 一 页 的 开始 ,可 以 执行 一 个 会 话 检查 
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程序 ,如 果 用 户 不 是 通过 login 登录 界面 正常 进入 页 面 ,将 强行 把 连接 导航 到 相应 的 页 面 。 
session-guard. jsp 代码 清单 如 下 : 


< % @ page pageEncoding = "GBK" %> 
<% 

// 从 login 正常 登录 时 ,设置 会 话 属性 值 

// 设置 session. setAttribute("UNIQUE_CHECK_STRING", username); 

String uniqueCheckString = (String)session.getAttribute("UNIQUE CHECK STRING"); 

if (uniqueCheckString --null) 

(// 销毁 当前 Session 
session. invalidateO ; 

s> 
<! DOCTYPE html PUBLIC " — //W3C//DTD XHTML 1. 0 Transitional//EN" "http://www. w3. org/TR/ 
xhtml1/DTD/xhtmll - transitional. dtd"> 
<html xmlns = "http://www. w3. org/1999 /xhtm1" — 
<head> 
<meta http - equiv = "Content - Type" content = "text/html; charset = gb2312" /> 
二 title> 系 统 错误 提示 二 /title> 
</head> 
<body style = "margin:0 auto; font- size:12px; text - align:center; background: # FDFGEE; "> 
<table cellpadding = "0" cellspacing = "0" border = "0" style = "width; 400px; margin - top: 
150px; text -align;left; vertical- align:top; border - left:1px solid #0163A2; border - top: 
1px solid #0163A2;"> 
<tr> 

<td style = " border - bottom; 1px solid # 0163A2;" >< img src = " images/err. jpg" width = 
"70" height = "70" /></td> 

<td style = "text - align; left; vertical - align:middle; text — indent; lem; line - height: 
150 % ; border - bottom; 1px solid #0163A2; border - right:1px solid #0163M2;" 二 您 的 页 面 已 经 
过 期 或 者 您 未 从 登录 页 面 登录 ! <br> 
&nbsp;&nbsp; 请 重新 登录 ……<</td> 
</tr> 
<i> 

<td style = "text - align:center; vertical- align:middle; " colspan = "2"> 

<a href = "index. jsp" target = "_self" 二 返回 重新 登录 一 /a> 

</td> 
tr 
</table> 
</body> 
</html> 
<% 

} 
$> 


上 述 session. gard. jsp 代码 通过 一 %@ include file— ". . /session-guard. jsp" 96 — il] 
被 包含 在 各 个 网 页 的 开始 ,以 确保 用 户 必须 通过 账户 正常 的 登录 来 访问 网 页 ,避免 直接 通过 
某 个 页 面 的 网 址 进入 网 页 。 


69 Java 开 发 工具 简介 


在 计算 机 开发 语言 的 历史 中 ,从 来 没有 哪 种 语言 像 Java 那样 受到 如 此 众多 厂商 的 支 
持 , 有 如 此 多 的 开发 工具 。 每 一 种 Java 开发 工具 都 各 有 所 长 ,各 有 特点 。 下 面 对 一 些 常 见 
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的 Java 开发 工具 进行 简要 介绍 。 
691 JDK(Java Development Kit) 


Java 开发 工具 包 (Java Development Ki) JDK 是 整个 Java 的 核心 ,包括 Java 运行 环境 
(Java Runtime Envirnment) ,Java 基础 类 库 和 一 组 建立 测试 及 建立 文档 的 Java 实用 程序 ， 
这 些 实用 程序 包括 : 开发 用 的 Java 编译 器 (javac) Java 解释 器 (java) .打包 工具 (jar) ,文档 
生成 器 (javadoc) .调试 工具 (jdb) 等 。 不 论 什 么 Java 应 用 服务 器 实质 都 是 内 置 了 某 个 版 本 
的 JDK ,掌握 JDK 是 学 好 Java 的 第 一 步 。 

最 主流 的 JDK 是 Sun 公司 发 布 的 JDK ,一 般 有 三 种 版 本 , 即 : J2SE( 标 准 版 )、J2EE( 企 
业 版 ) 和 J2ME(Micro Edtion) ,其 中 ,J2SE 为 一 般 用 户 常 用 的 开发 环境 ,J2EE 主要 用 于 企 
业 级 J2EE 应 用 程序 ,而 J2ME 则 用 于 移动 设备 .嵌入 式 设 备 上 的 Java 应 用 程序 开发 。 不 同 
的 版 本 包含 的 包 也 不 相同 。 除 了 Sun 之 外 ,还 有 很 多 公司 和 组 织 都 开发 了 自己 的 JDK, 例 
如 IBM 公司 开发 的 JDK,BEA 公司 的 Jrocket, 还 有 GNU 组 织 开发 的 JDK 等 等 。 其 中 
IBM 的 JDK 包含 的 JVM(Java Virtual Machine) 运 行 效率 要 比 Sun JDK 包含 的 JVM 高 出 
许多 。 而 专门 运行 在 x86 平台 的 Jrocket 在 服务 端 运行 效率 也 要 比 Sun JDK 好 很 多 。 

JDK 简单 易学 ,可 以 通过 任何 文本 编辑 器 (如 : Windows 记事 本 、UltrEdit、 Editplus, 
FrontPage 以 及 DreamWeaver 等 ) 编 写 Java 源 文 件 ,然后 在 DOS 状态 下 通过 javac 命令 将 
Java 源 程序 编译 成 字 节 码 (. class 文件 ) ,通过 Java 命令 来 执行 编译 后 的 Java 文件 ,这 能 带 
给 DOS 时 代 程 序 员 美好 的 回忆 。 

从 初学 者 角度 来 看 ,采用 JDK 开发 Java 程序 能 够 很 快 理解 程序 中 各 部 分 代码 之 间 的 
关系 ,有 利于 理解 Java 面向 对 象 的 设计 思想 。 但 它 的 缺点 也 是 非常 明显 的 ,就 是 从 事 大 规 
模 企 业 级 Java 应 用 开发 非常 困难 ,不 能 进行 复杂 的 Java 软件 开发 ,也 不 利于 团体 协同 开 
发 。 即 便 如 此 ,JDK 仍然 是 许多 Java 专家 最 初 使 用 的 开发 环境 ,尽管 许多 编程 人 员 已 经 使 
用 第 三 方 的 开发 工具 ,但 JDK 仍 被 当 作 Java 开发 的 重要 工具 。 


692 Sun NetBeans 集成 开发 环境 


NetBeans 是 一 个 全 功能 的 开放 源码 Java IDE, 可 以 帮助 开发 人 员 编写 编译、 调试 和 部 
署 Java 应 用 ,并 将 版 本 控制 和 XML 编辑 融入 其 众多 功能 之 中 。NetBeans 可 支持 Java 2 平 
台 标 准 版 (J2SE) 应 用 的 创建 .采用 JSP 和 Servlet 的 二 层 Web 应 用 的 创建 ,以 及 用 于 二 层 
Web 应 用 的 API 及 软件 的 核心 组 的 创建 。 此 外 .NetBeans 还 预 装 了 一 个 Web 服务 器 , 即 
Tomecat, 从 而 免除 了 繁琐 的 配置 和 安装 过 程 。 所 有 这 些 都 为 Java 开发 人 员 创 造 了 一 个 可 
扩展 的 开源 多 平台 的 Java IDE, 以 支持 他 们 在 各 自 所 选择 的 环境 中 从 事 开发 工作 ,如 
Solaris、Linux、Windows 或 Macintosh。 

在 NetBeans 中 ,不 仅 可 以 开发 Java 程序 ,通过 安装 插件 ,也 可 以 开发 C/C++ 程序 ,目前 
的 版 本 是 NetBeans IDE 6.1, 其 中 NetBeans IDE 3 和 NetBeans IDE 5.0 都 有 中 文 版 本 ,是 
目前 进行 大 型 Web 应 用 开发 的 常用 开发 环境 。 用 户 可 以 从 Sun 的 官方 网 站 下 载 , 网 址 是 : 


http://www. sun. com/。 
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有 人 说 Borland 的 开发 工具 都 是 里 程 碑 式 的 产品 ,从 Turbo C, Turbo Pascal 到 Delphi, 
C++ Builder 都 是 经 典 。JBuilder 是 Borland 公司 开发 的 针对 Java 的 开发 工具 ,使 用 
JBuilder 将 可 以 快速 有 效 地 开发 各 类 Java 应 用 , 它 使 用 的 JDK 与 Sun 公司 标准 的 JDK 不 
同 , 它 经 过 了 较 多 的 修改 ,以 便 开发 人 员 能 够 像 开 发 Delphi 应 用 那样 开发 Java 应 用 。 

下 面 简单 介绍 一 下 JBuilder 的 特点 : 

(1) JBuilder 支持 最 新 的 Java 技术 ,包括 Applets、JSP/Servlets、JavaBean 以 及 EJB 
(Enterprise JavaBeans) 的 应 用 。 

(2) 用 户 可 以 自动 地 生成 基于 后 端 数据 库 表 的 EJB Java 类 ,JBuilder 同时 还 简化 了 
EJB 的 自动 部 署 功能 。 此 外 它 还 支持 CORBA, 相 应 的 向 导 程序 有 助 于 用 户 全 面 地 管理 
IDL( 分 布 应 用 程序 所 必需 的 接口 定义 语言 Interface Definition Language) 和 控制 远程 
对 象 。 

(3) JBuilder 支持 各 种 应 用 服务 器 。JBuilder 与 Inprise Application Server 紧密 集成 ， 
同时 支持 WebLogic Server. x f$ EJB 1. 1 和 EJB 2.0, 可 以 快速 开发 J2EE 的 电子 商务 
应 用 。 

(4) JBuilder 能 用 Servlet 和 JSP 开发 和 调试 动态 Web 应 用 。 

(5) 利用 JBuilder 可 创建 (没有 专 有 代码 和 标记 ) 纯 Java2 应 用 。 由 于 JBuilder 是 用 纯 
Java 语言 编写 的 ,其 代码 不 含 任何 专属 代码 和 标记 , 它 支持 最 新 的 Java 标准 。 

(6) JBuilder 拥有 专业 化 的 图 形 调试 界面 ,支持 远程 调试 和 多 线程 调试 ,调试 器 支持 各 
种 JDK 版 本 ,包括 J2ME/J2SE/J2EE。 

JBuilder 环境 开发 程序 方便 , 它 是 纯 的 Java 开发 环境 ,适合 企业 的 J2EE 开发 ; 缺点 是 
往往 一 开始 难以 把 握 整 个 程序 各 部 分 之 间 的 关系 ,对 机 器 硬件 要 求 较 高 ,运行 速度 较 慢 。 
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2001 年 11 月 ,IBM 公司 捐 出 价值 4000 万 美元 的 源 代 码 组 建 了 Eclipse 联盟 ,业界 厂商 
合作 创建 了 Eclipse P. Eclipse 允许 在 同一 IDE 中 集成 来 自 不 同 供应 商 的 工具 ,并 实现 
了 工具 之 间 的 互 操作 性 。 从 本 质 上 说 ,Eclipse 是 一 个 开放 源 代码 的 、 基 于 Java 的 可 扩展 开 
发 平台 , 它 只 是 一 个 框架 和 一 组 服务 ,用 于 通过 插件 组 件 构建 开发 环境 , 它 附带 了 一 个 标准 
的 插件 集 ,包括 Java 开发 工具 (Java Development Tools,JDT) 。 

Eclipse 是 一 个 Java IDE, 但 Eclipse 的 目标 不 仅 限 于 此 。Eclipse 还 包括 插件 开发 环境 
(Plug-in Development Environment, PDE) ,这 个 组 件 主 要 针对 希望 扩展 Eclipse 的 软件 开 
发 人 员 , 因 为 它 允 许 他 们 构建 与 Eclipse 环境 无 缝 集成 的 工具 。Eclipse 是 使 用 Java 语言 开 
发 的 ,但 它 的 用 途 并 不 限于 Java 语言 ; 例如 ,支持 诸如 C/C++ .COBOL 和 Eiffel 等 编程 语 
言 插件 ,Eclipse 框架 还 可 用 来 作为 与 软件 开发 无 关 的 其 他 应 用 程序 类 型 的 基础 ,比如 内 容 
管理 系统 。 

基于 Eclipse 的 应 用 程序 的 突出 例子 是 IBM 的 WebSphere Studio Workbench, 它 构成 
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T IBM Java 开发 工具 系列 的 基础 。 例 如 ,WebSphere Studio Application Developer 添加 了 
对 JSP, servlet, EJB, XML, Web 服务 和 数据 库 访问 的 支持 。Eclipse 是 一 款 非常 受 欢 迎 的 
Java 开发 工具 ,用 户 越 来 越 多 。 但 是 , 它 的 缺点 就 是 较 复 杂 , 对 初学 者 来 说 ,理解 起 来 比较 
困难 。 
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在 Web 开发 中 ,使 用 JSP(Java Server Page) Hl EJBCEnterprise JavaBeans) 进 行 J2EE 
(Java 2 Enterprise Edition) 开 发 是 很 普遍 的 。 但 是 ,J2EE 相当 繁杂 ,为 了 部 署 高 效 的 J2EE 
应 用 程序 ,必须 掌握 许多 知识 。 为 了 简化 开发 者 的 工作 , Oracle 提出 了 应 用 开发 框架 
(Application Development Framework , ADF) 的 概念 ,Oracle ADF 的 目标 是 降低 繁杂 度 ， 
提高 应 用 程序 的 整体 效能 。 

在 Oracle ADF 下 ,Oracle JDeveloper 为 构建 具有 J2EE 功能 .XML 和 Web services 的 
复杂 的 、 多 层 的 Java 应 用 程序 提供 了 一 个 完全 集成 的 开发 环境 。 它 为 运用 Oracle 数据 库 和 
应 用 服务 器 的 开发 人 员 提 供 特 殊 的 功能 和 增强 性 能 , 除 此 以 外 , 它 也 成 为 用 于 多 种 用 途 
Java 开发 的 一 个 强大 的 开发 工具 。 

Oracle9i JDeveloper 的 主要 特点 如 下 : 

(D 具有 UML(Unified Modeling Language, 一 体 化 建 模 语 言 ) 建 模 功 能 。 可 以 将 业务 
对 象 及 e-business 应 用 模型 化 。 

(2) 配备 有 高 速 Java 调试 器 (Debuger)、 内 置 Profiling 工具 、 提 高 代码 质量 的 工具 
“CodeCoach” 等 。 

(3) 支持 简单 对 象 访问 协议 (Simple Object Access Protocol, SOAP) ,统一 描述 ,发 现 和 
集成 协议 (Universal Description. Discovery and Integration, UDDD , Web 服务 描述 语言 
(Web Services Description Language. WSDL) ^$ Web 服务 标准 。 

总 之 ,Oracle JDeveloper 提供 了 业界 一 个 完整 的 、 集 成 了 J2EE 和 XML 的 开发 环境 ,多 
许 开 发 者 快速 开发 可 以 通过 Web、 无 线 设备 及 语音 界面 访问 的 Web 服务 和 交易 应 用 ,以 往 
只 能 通过 将 传统 Java 编程 技巧 与 最 新 模块 化 方式 结合 到 一 个 单一 集成 的 开发 环境 中 之 后 
才能 完成 J2EE 应 用 开发 生命 周期 管理 的 事实 ,从 根本 上 得 到 改变 。 缺 点 就 是 对 于 初学 者 
来 说 , 较 复杂 ,也 比较 难 。 
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除了 上 述 一 些 常 见 的 工具 外 ,常用 的 Java 开发 工具 还 有 : 

Visual Café for Java( Symantec 公司 )、Visual Age for Java(IBM) , Sun Java Studio 5 
(Sun) Java Workshop ( Sun) , WebLogic Workshop (BEA 公司 ) JRUN (Macromedia 7 
8D ,JCreator( Sun) , Microsoft Visual J++ Có XO 、 雅 加 达 蚂 蚁 ANT (Apache 开放 源码 组 
2H) Intelli] IDEA (Intellij 公司 ) 等 。 

另外 ,有 关 Java 的 其 他 资源 还 有 : 

CSDN 论坛 (http://www. csdn. net/) 是 中 国 最 有 名 的 技术 论坛 ,也 是 学 习 和 交流 Java 


技术 非常 有 名 的 场所 ,《 程 序 员 ) 杂 志 就 是 他 们 出 版 的 。 
Java 研究 组 织 http://www. javaresearch. org/ ,有 很 多 原创 文章 ,不 乏 许 多 高 手 的 


文章 。 


Java 中 文 世 界 论坛 http://www. chinajavaworld. com/ ,有 比较 全 面 的 Java 资料 。 
另外 ,可 以 通过 www. google. com 找到 众多 关于 Java 技术 和 开发 的 文章 ,也 是 大 家 学 
习 Java Hfi Web 开发 必 不 可 少 的 手段 。 
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mo um 
. 简 述 Java 的 技术 特征 。 
.为 什么 说 Java 是 一 种 完全 面向 对 象 的 程序 设计 语言 ? 
. 简 述 对 象 和 类 的 概念 。 


什么 是 多 态 ? 多 态 有 哪些 实现 形式 ? 


.什么 是 接口 ? 说 明 接口 和 抽象 类 的 关系 。 

. 什么 是 JDK? 都 有 哪些 公司 提供 JDK 产品 ? 他 们 各 有 什么 特点 ? 

. 列举 主要 的 Java 开发 环境 ,它们 的 JDK 相同 吗 ? 

. 说明 Web 应 用 中 的 三 层 体系 结构 ,并 说 明 它 的 优势 。 

. 什么 是 JavaApplet? JavaApplet 的 主要 应 用 是 什么 ? "E I Java 应 用 程序 有 何不 同 ? 
. 什么 是 JavaBeans? JavaBeans fll Java 类 有 何不 同 ? 

. 什么 是 CGI? 说 明 CGI 的 主要 功能 。 

.什么 是 Servlet? 它 和 普通 的 Java 类 有 何不 同 ?” 如 何 运行 一 个 Servlet? 
. TE JSP 中 用 Bean 和 Servlet 联合 实现 用 户 注 册 、 登 录 功 能 。 

. TE JSP 内 置 对 象 中 , 简 述 request 对 象 的 功能 。 

.什么 是 会 话 (session)? session 对 象 的 主要 用 途 是 什么 ? 

. 使 用 JSP 制作 留言 板 。 

. 使 用 JSP, 编 写 购物 程序 。 

.使 用 JSP ,根据 一 家 商场 的 销售 情况 ,生成 饼 图 。 

.进一步 完善 6. 8 节 的 在 线 聊天 程序 ,例如 增加 私 聊 等 功能 。 
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杨 长 春 等 
杜 茂 康 
徐 详 征 等 
孙 芳 等 
陈 国 君 等 
李 芝 兴 等 
卢 守 东 
江 思 敏 等 
张 晋 西 
HAR 
TES 
LET 
朱 从 旭 等 
朱 晴 婷 等 
李 明 等 
田 喜 群 等 
程 学 先 等 
余 坚 
余 坚 

姜 桂 洪 等 
徐 辉 等 
郝 兴 伟 
刘 腾 红 等 
张 锐 昕 等 
胡 明 庆 等 
姚 卫 新 
赵 妮 

王 长 友 
李 群 芳 等 
XH 
贺 雪 景 等 
WREEF 
KERF 
RFE 
XR 
刘 四 清 等 
王 中 生 等 


书 号 
9787302143338 
9787302080732 
9787302120193 
9787302140108 
9787302118619 
9787302104926 
9787302110453 
9787302082392 
9787302109341 
9787302112563 
9787302132608 
9787302133155 


9787302090731 
9787302119715 
9787302086307 
9787302091929 
9787302087571 
9787302140696 
9787302089070 
9787302133735 
9787302123118 
9787302090700 
9787302123231 
9787302116981 
9787302133766 
9787302142157 
9787302140757 
9787302104728 
9787302142966 
9787302086253 
9787302124962 
9787302128649 
9787302091295 
9787302124795 
9787302143086 
9787302124300 
9787302142690 
9787302115595 
9787302091875 
9787302101819 
9787302103417 
9787302120513 
9787302093619 
9787302112006 


9 & 
计算 机 网 络 技术 及 应 用 教程 
计算 机 网 络 技术 教程 一 一 基础 理论 与 实践 
计算 机 网 络 教程 
计算 机 网 络 实用 技术 教程 
计算 机 网 络 与 通信 
计算 机 网 络 与 应 用 
计算 机 维修 技术 
计算 机 信息 技术 应 用 基础 
计算 机 信息 技术 应 用 教程 
计算 机 应 用 基础 
计算 机 应 用 技术 基础 


计算 机 应 用 技术 学 习 指 导 与 实验 教程 一 一 例题 精 解 与 练习 


上 机 实践 

计算 机 英语 实用 教程 
计算 机 硬件 技术 基础 

计算 机 与 网 络 应 用 基础 教程 

建筑 CAD 技术 应 用 教程 

局 域 网 技术 与 应 用 

局 域 网 与 城 域 网 技术 

科技 情报 检索 

面向 对 象 程序 设计 与 Visual C++ 6. 0 教程 题解 与 实验 指导 
面向 对 象 程序 设计 与 Visual C++ 6. 0 教程 
面向 对 象 技术 与 Visual C++ 
面向 对 象 技 术 与 Visual C++ 学 习 指导 
软件 技术 基础 教程 

实用 计算 机 技术 一 一 公安 司法 应 用 实践 
数据 结构 一 一 C++ 语言 描述 
数据 库 及 其 应 用 

数据 库 及 其 应 用 学 习 与 实验 指导 教程 
数据 库 系 统 及 应 用 (Visual FoxPro) 第 二 版 
数据 库 系统 及 应 用 (Visual FoxPro) 
数据 库 与 网 络 技术 

数据 通信 与 网 络 应 用 

统计 分 析 方 法 一 一 SAS 实例 精 选 

图 形 图 像 处 理应 用 教程 

网 络 工程 规划 与 设计 

网 络 基础 与 应 用 实务 教程 

网 络 医学 信息 应 用 

网 络 远程 教学 技术 基础 ( 含 上 机 指导 ) 
网 页 设计 教程 

网 站 建设 一 一 基于 Windows Server 2003 和 Linux 9 
微机 组 装 与 维护 

信息 检索 

运筹 学 算法 与 编程 实践 一 一 Delphi 实现 
中 文 信息 处 理 技术 一 一 原理 与 应 用 


fox 
杨 青 等 
胡 伏 湘 等 
王 群 

李 冬 等 
陈 向 阳 等 
石 良 武 
易 建 勋 
杜 茂 康 等 
MA 
Ap 
TEES 
范 慧 琳 等 


张强 华 
曹 岳 辉 等 
朱 根 宜 
吴涛 

ES 

EXM 
田 质 兵 等 
陈 天 华 
陈 天 华 
甘 玲 

甘 玲 等 
周 肆 清 等 
汤 艳 君 等 
朱 振 元 等 
肖 慎 勇 等 
肖 慎 勇 等 
邓 洪 涛 
邓 洪 涛 
REN 
吴 金 龙 等 
R 

张 思 民 等 
陈 向 阳 等 
段 宁 华 
刘 汉 义 等 
ERREG 
修文 彬 等 
葛 秀 慧 
dob 
陈 雅 芝 
刘 建 永 等 
李 宝 安 等 


